CommonsChunkPlugin 插件使用方法 、 出现报错 ： Error: webpack.optimize.CommonsChunkPlugin has been removed,

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

按照webpack 官网文档操作 是不是 有以上报错？

解决方法：

plugins: [
    new CleanWebpackPlugin(),
    new HtmlwebpackPlugin({
      title: 'code splitting'
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'common' // 指定公共bundle的名称。
    })    // 注销此插件
  ],

在 plugin 同级 增加配置

optimization: {
    splitChunks: {
      chunks: 'all',
    },
  },

配置官方文档：https://webpack.js.org/guides/code-splitting/

总结：

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

所有有关 new webpack.optimize.CommonsChunkPlugin(） 插件的配置 有关报错 都需要结构到最外层来写。