Add a build --watch flag that writes to the disk in development

What problem does this feature solve?

I would like to serve the Vue as a SPA app inside of the ASP.NET application. With the existing serve command, I do not have access to the files on the disk, so I cannot accomplish that. With a build --watch flag, it would run the webpack build, watch for file changes, and run the build on file changes.

Ionic supports this (ionic-app-scripts watch), Angular CLI supports this (ng build --watch), and these allow me to write Angular/Ionic apps and use them as part as my web application.

What does the proposed API look like?

vue-cli-service build --watch or vue-cli-service watch.

[dhensche]

A quick workaround, until this feature is possibly added could be to add the following entry to the scripts section of your package.json "watch": "webpack --config ./node_modules/@vue/cli-service/webpack.config.js --watch". Then you can just run yarn watch or npm run watch

[WisdomSky]

Okay. So after a little bit of fiddling, you can prevent the flattening of the js directory by specifying the output file name in the vue.config.js:

module.exports = {
    chainWebpack(config) {
            config.output.filename("js/[name].js");
    }
}

And you don’t need to install additional plug-ins,

you can just run:

npx vue-cli-service build --watch

or add it into your package.json:

“scripts”: { “serve”: “vue-cli-service serve”, “build”: “vue-cli-service build”, “watch”: “vue-cli-service build --watch”, “dev”: “vue-cli-service build --mode development” },