推荐学习书目 Learn Python the Hard Way Python Sites PyPI - Python Package Index http://diveintopython.org/toc/index.html Pocoo 值得关注的项目 PyPy Celery Jinja2 Read the Docs gevent pyenv virtualenv Stackless Python Beautiful Soup 结巴中文分词 Green Unicorn Sentry Shovel Pyflakes pytest Python 编程 pep8 Checker Styles PEP 8 Google Python Style Guide Code Style from The Hitchhiker's Guide
在后端代码(以 uliweb 为例)里嵌入纯前端代码(以 vue 为例)的开发方式
clino zhangchunlin 2018-11-03 13:42:27 +08:00 4258 次点击这是一个创建于 2533 天前的主题，其中的信息可能已经有所发展或是发生改变。
我很不喜欢调试的时候后端和前端的调试服务器都开着,因为是两个端口还要搞跨域,所以试试直接在后端代码里嵌入纯前端的应用
大概做法是
- 把前端用 webpack 之类 build 出来的文件配置输出到后端能 serve 的 static 目录下
- 用 nodejs 里的 watch 监控前端源代码变化并 build
不好的地方:
- 感觉这种编译会稍慢一些,比前端的调试服务器用增量编译并用 websocket 传到页面慢不少
- static 文件会有缓存,所以调试的时候要强制刷新( ctrl+shift+r) 或者浏览器里禁用 cache
比较适合于我们这种本来是后端程序员,但是也想用纯前端开发的伪全栈
具体例子代码: https://github.com/zhangchunlin/node_in_uliweb_example
大概做法是
- 把前端用 webpack 之类 build 出来的文件配置输出到后端能 serve 的 static 目录下
- 用 nodejs 里的 watch 监控前端源代码变化并 build
不好的地方:
- 感觉这种编译会稍慢一些,比前端的调试服务器用增量编译并用 websocket 传到页面慢不少
- static 文件会有缓存,所以调试的时候要强制刷新( ctrl+shift+r) 或者浏览器里禁用 cache
比较适合于我们这种本来是后端程序员,但是也想用纯前端开发的伪全栈
具体例子代码: https://github.com/zhangchunlin/node_in_uliweb_example
 | 1 Trim21 2018-11-03 14:35:00 +08:00 via Android webpack 有 proxy table 解决跨域问题… |
 | 2 TomatoFish 2018-11-03 15:20:15 +08:00 我配了个 nginx 来转发，主要是头一次配置的时候花些时间 |
 | 3 TabGre 2018-11-03 18:20:07 +08:00 via iPhone 我是前端，我会花 2 分钟配置 Nginx 转发 |
 | 4 carlclone 2018-11-03 18:41:23 +08:00 Laravel 就是这样做的...官方出了一套 mix 把 vue/react 之类的按需整合进去了 |
 | 5 clino OP |
 | 6 akatquas 2018-11-03 21:53:45 +08:00 via iPhone 前后端分离的话就要把 proxy 解决掉，不然就用 ssr 来做。 不过也可以试试 next+egg 的思路 |
 | 7 PythonAnswer 2018-11-04 00:14:19 +08:00 via iPhone 看过好几个这样搞的了，坏处是出来的东西都是一个样，耦合紧 |
 | 8 kran 2018-11-04 00:24:05 +08:00 via iPhone 看到 uliweb，想起年轻的时候，_ |
 | 9 FakeLeung 2018-11-04 00:58:00 +08:00 via Android webpack 的 devserver 中的 proxy 了解一下？ |
 | 10 FrankFang128 2018-11-04 01:07:15 +08:00 你看 Rails 开发者就不用关心这些无聊的配置，rails server + bin/webpack-dev-server 运行一下就开干。 |
 | 11 yuanfnadi/strong> 2018-11-04 08:47:49 +08:00 via iPhone 突然发现我好像写过这样的项目，vue build 完成以后拷贝到 springboot 的静态目录。 |
| 12 clino OP @akatquas 我这是另一个选择，不用折腾 proxy 你说的 ssr next egg 都不了解，有空了解下 |
| 13 clino OP @PythonAnswer 为什么这样就会耦合紧？这只是调试部署上的调整，和具体开发关系不大 |
 | 14 lancelock 2018-11-04 11:51:41 +08:00 via iPhone 我也在研究这问题，感觉还是开发的时候分开，部署的时候打包到 static 里好，因为每次 static 更新都要重新编译。webpack 是有 proxy，但我用的 parcel。有没有用 parcel 的大佬说说怎么配代理吗 |
 | 15 Sparetire 2018-11-04 12:58:20 +08:00 via Android 搞跨域不就是一个 CORS 的事情吗。。就算不用 webpack 的 proxy，自己手撸一个简单的代理或者带 CORS 的 mock server 做成 cli 放 npm script 里，一次撸完以后每次项目都能用到不是也很方便。。 |
| 16 clino OP @lancelock "因为每次 static 更新都要重新编译" 不明白你说的是什么意思,我这里只要 build 输出到 static 目录下就行了 |
| 17 lancelock 2018-11-04 16:49:02 +08:00 via iPhone @clino 你是 python 吧？确实动态语言不需要。我是写 java 的，修改代码需要编译一下才能生效，有时候还得重启 |
| 18 clino OP @lancelock 这个和静态和动态语言没关系,而是和调试服务器的实现有关系吧,如果调试服务器不提前加载 static 文件列表,而是实时去取文件路径下的文件就不用重启 |
 | 20 ala2008 2018-11-05 09:53:20 +08:00 ci、cd 很麻烦，试过 build 慢死。。 |
Select Language