when currently migrating a web application based in jQuery to Vue.js. To do it progressive, when creating a different app per each module.
After build the code, there is a common file:
And each app has its own file:
Up here everything perfect. The problem is that if those applications use same general components, another files are generated like:
That is a bit annoying and confused. I would like to each application has their own files, or all shared components in the same js file, but not generate a bunch of js files like in the above example.
Is that possible? Thanks in advance.
Since webpack 4 configs automatically split shared modules out into their own chunks.
You can change this behaviour via the optimization.splitChunks configuration property (docs).
To disable the default splitting behaviour altogether set the default and vendor cache groups to false: