Woozzie
Reputation: 21
Flask serving Vue.js bundle file. Re-compile on change?
I'm using flask as my backend and Vue.js for my frontend. I created my VueJS project with vue-cli.
The way I have my project setup right now is that my backend is serving my static files. I, npm run build, and output the bundle files to my backend.
Everything works. It's just annoying to build every time.
I would like to re-compile my bundle every time I make changes to Vue. Is this possible? Modify my webpack?
Note: My project/flask is dockerized too.
Upvotes: 1
Views: 1239
Answers (1)
Woozzie
Reputation: 21
This is what I was looking for: https://github.com/vuejs/vue-cli/issues/1120 then I found https://www.npmjs.com/package/vue-cli-plugin-build-watch
Upvotes: 1
Related Questions
- Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser
- How to get Flask to see Vue build files without using webpack?
- Vue WebApp - Load latest build
- Why doesn't Webpack-Dev-Server (inside docker container) detect file changes when used with a new Vue.js CLI Webpack Template Project?
- Vue.js build and deploy to single file
- Vue.js / webpack: how do I clear out old bundle main-*.js files when hot-reload transpiles them?
- Hot Reload VanilaJS with Flask App or create bundle.js on every src change
- Changes on imported JS files with Vue CLI project trigger page reload
- Webpack production browser reload
- Generate single output bundle.js with Vue's default webpack config