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

Question

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"
})

Solution

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