python后端框架flask_Vue+Flask轻量级前端、后端框架，如何完美同步开发

导言我们的Vue2.0应用：简读-微信公众号RSS，即将进入后端开发。

Vue+Flask作为轻量级前端、后端框架，非常适合组合起来快速开发。一个是js，一个是Python。

Bonus:

可以完美实现跨域调试，不需要JSONP，也不需要服务器端设置'Access-Control-Allow-Origin' -> Vue 2.0 起步(4) 轻量级后端Flask用户认证 - 微信公众号RSS

问题

作为一个全(ku)能(bi)的全栈开发人员，前、后端往往是一个人搞定。开发过程中最常见问题是，每次前端修改了html/js，一般先要用webpack编译，再手工复制编译后文件到Flask的工作目录，后端框架才能使用更新后html/js。

那么，对于追求极致效率的人，如何完美实现：前后端共用代码同步更新呢？

解决注意：以下是以初始化模板为“vue init webpack ”为例

观察Vue开发时，webpack热替换的编译代码中，含有以下文件：app.js (包含打包后的所有HTML、js、CSS文件)

__webpack_hmr (webpack热替换文件)

那我们把这些文件让 Flask引用一下Vue http://localhost:8080 的这两个文件，不就可以实现同步更新了吗？如果初始化模板“vue init webpack-simple ”，则替换app.js为dist/build.js

实施新建两个目录，存放Flask的模板和静态文件：/static//templates/Flask 最简后台服务器程序(10