Flask 服务于 Vue.js 包文件。更改时重新编译?

Posted

技术标签:

【中文标题】Flask 服务于 Vue.js 包文件。更改时重新编译?【英文标题】:Flask serving Vue.js bundle file. Re-compile on change? 【发布时间】:2018-12-25 18:46:48 【问题描述】:

我使用 flask 作为后端,使用 Vue.js 作为前端。我用 vue-cli 创建了我的 VueJS 项目。

我现在设置项目的方式是我的后端正在为我的静态文件提供服务。我,npm run build,并将 bundle 文件输出到我的后端。

一切正常。每次都构建很烦人。

我想在每次对 Vue 进行更改时重新编译我的包。这可能吗?修改我的 webpack?

注意:我的项目/烧瓶也是 dockerized。

【问题讨论】:

你能运行npm run dev吗?如果在 package.json 中定义了文件,它应该监视文件并在文件更改时构建。 @Nathan 我可以运行npm run dev,但我需要以某种方式将我的后端指向非“捆绑”文件。我似乎找不到入口点。当我使用vue-cli 创建我的应用程序时,有一个index.html,但没有JS。 【参考方案1】:

这就是我要找的:https://github.com/vuejs/vue-cli/issues/1120 然后我找到了https://www.npmjs.com/package/vue-cli-plugin-build-watch

【讨论】:

以上是关于Flask 服务于 Vue.js 包文件。更改时重新编译?的主要内容,如果未能解决你的问题,请参考以下文章

如何创建服务于 Vue.js SPA 的 Node.js Express 应用程序?

求助如何在 flask 中访问未定义的 url 时重定向到其他页面

错误:通过导航守卫从“/login”转到“/home”时重定向。 Vue-router 和 firebase-authentication

更改编辑模式Vue.js + Typescript后如何专注于输入字段

如何将 Vue.js 与 Flask 结合使用?

(Nuxt.js/Vue.js) - 脚本只运行一次,更改路由/刷新页面后停止运行