Optimizing Vue.js webpack chunks in webpack.base.conf.js

Applications Web Development
1

Recently, the Vue.js app I am building starting getting some very large chucks which were causing the javascript to load very slowly.

I added some code to webpack.base.conf.js and it made a huge difference in chuck optimization and loading time:

module.exports = {
  optimization: {
    splitChunks: {
      chunks: "all"
    }
  },
 
 /* other stuff here */
}

This small change in the webpack configuration resulted in a huge improvement in load times. Incredible.

External Ref: SplitChunksPlugin | webpack

Internal Ref: UserCP Screeching Frog 0.7493

1 Like