我该如何制作"vue build"?吐出未优化的JS文件? [英] How can I make "vue build" spit out non-optimized JS files?

问题描述

我想使用一个Flask(和Flask-RESTful)作为REST后端，以及Vue.js作为前端来编写一个单页的Web UI.问题是，在开发过程中我很难同时使用两者.

I want to write a single-page web UI using Flask (and Flask-RESTful) for a REST back-end, and Vue.js for the front-end. The problem is, I'm having a hard time using the two together during development.

我可以使用 vue build --prod ... 来构建Vue组件，以获得一个JS文件，我可以使用Flask的Web服务器将其用作静态文件.但是，此文件已针对生产进行了优化.如果没有-prod ， vue build 会直接启动Web服务器，这意味着如果我启动 flask run ，则JS代码会从其他服务器提供端口，而不是我的REST后端，因此无法使用(相同的原始策略).

I can build Vue components using vue build --prod ... to obtain a JS file that I can serve as a static file using Flask's web server. This file, however, is optimized for production. Without --prod, vue build starts a web server directly, which means that if I start flask run, JS code is served from a different port than my REST backend, which makes it impossible to use (same origin policy).

所以我的问题是:在开发过程中如何一起使用Flask和Vue.js?如何使Flask可以投放的 vue build 吐出未优化的 JS文件?

So my question is: How can I use Flask and Vue.js together during development? How can I make vue build spit out non-optimized JS files that Flask can serve?

推荐答案

在开发模式下构建:

vue-cli-service build --mode development

这篇关于我该如何制作"vue build"?吐出未优化的JS文件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！