webpack.optimize.CommonsChunkPlugin has been removed, webpack学习坑（二）

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

webpack配置报错，按照中文文档配置的
plugins: [ new CleanWebpackPlugin(), new HtmlWebpackPlugin({ title: 'Output Management' }), new webpack.NamedModulesPlugin(), new webpack.HotModuleReplacementPlugin(), new webpack.optimize.CommonsChunkPlugin({ name: 'common' }) ],
查了下才发现是The CommonsChunkPlugin 已经从 webpack v4 legato 中移除。想要了解在最新版本中如何处理 chunk，请查看 https://webpack.js.org/plugins/split-chunks-plugin/。
后面改成这样的配置就实现了这个可以将公共的依赖模块提取到已有的入口 chunk 中，或者提取到一个新生成的 chunk，减轻了大小
这个是使用之前打包的大小
通过此插件后的提取公共包后的大小
这是配置的代码