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

按照webpack 官網(wǎng)文檔操作 是不是 有以上報(bào)錯(cuò)？

解決方法：

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

在 plugin 同級(jí) 增加配置

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

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

總結(jié)：

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

所有有關(guān) new webpack.optimize.CommonsChunkPlugin(） 插件的配置 有關(guān)報(bào)錯(cuò) 都需要結(jié)構(gòu)到最外層來寫。