How to use splitChunks webpack system with vue cli 3?

Hi, I wanna use the splitChunk option of webpack. I’ve created the vie.config.js file and put the following in there:

module.exports = {
  configureWebpack: config => {
		if (process.env.NODE_ENV === 'production') {
			config.splitChunks = {
				cacheGroups: {
					node_vendors: {
						test: /[\\/]node_modules[\\/]/,
						chunks: "all",
						priority: 1
					}
				}
			}
		}
  }
}

But when I build my app, nothing gets changed. I’ve also posted in stackoverflow: https://stackoverflow.com/questions/51816020/how-to-break-the-js-files-into-chunks-in-vue-cli-3-with-webpack-performance-obje/ Did not get any help from there as well. Can anyone please reply?

[isaumya]

Hi all, I’m using the following code inside vue.config.js file and it is working, So, I’m sharing my code here:

module.exports = {
  configureWebpack:{
    optimization: {
      splitChunks: {
        minSize: 10000,
        maxSize: 200000,
      }
    }
  }
}

Hope this helps.

[vue-bot]

Hello, your issue has been closed because it does not conform to our issue requirements. In order to ensure every issue provides the necessary information for us to investigate, we require the use of the Issue Helper when creating new issues. Thank you!