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

根本原因：

是項目在升級了webpack到v4.0.0后，打包生產環境文件，報錯走不下去。
CommonsChunkPlugin主要是用來提取第三方庫和公共模塊，避免首屏加載的bundle文件或者按需加載的bundle文件體積過大，從而導致加載時間過長，着實是優化的一把利器。

   解決辦法

1. build/webpack.base.conf.js文件，增加如下代碼，與resolve,output平級

optimization: {
  splitChunks: {
    cacheGroups: {
      commons: {
        name: 'commons',
        chunks: 'initial',
        minChunks: 2
      }
    }
  }
}

2.注釋一行代碼：new webpack.optimize.CommonsChunkPlugin('common.js')

plugins: [
  // new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
    $:"jquery",
    jQuery:"jquery"
  })
]

轉自：https://www.edoou.com/articles/1579673117961699