Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead

javascript reactjs webpack commonschunkplugin webpack-cli

Mohit Prakash · Apr 4, 2019 · Viewed 13.1k times · Source

I am getting this error

Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

new webpack.optimize.CommonsChunkPlugin({
  filename: DEBUG ? 'bundle.js' : 'bundle.min.js',
  name: "vendor"
})

Answer

As the error states, the plugin is deprecated since webpack 4

You should remove it and use a different plugin.

There are plenty of posts where you can find how to do this but here is an example: Webpack 4 migration CommonsChunkPlugin