鍍金池/ 問答/HTML/ vue-cli升級到webpack4.6報錯

vue-cli升級到webpack4.6報錯

vue-cli全局升級包的時候webpack也跟著升級到了4.6版本，然后build項目的時候報了如下錯誤，
webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
圖片描述

百度查了一下，有說是因為webpack4.0開始摒棄了CommonsChunkPlugin，要把webpack.config.js里的new webpack.optimize.CommonsChunkPlugin修改為splitChunks。
因為我的是vue-cli項目，并沒有找到webpack.config.js這個文件。。

然后我在webpack.prod.conf.js里發(fā)現(xiàn)了new webpack.optimize.CommonsChunkPlugin并修改為splitChunks后。build的時候會報 splitChunks is not defined。

請問這種情況應(yīng)該要怎么解決？

回答
編輯回答
巷尾

4 里面沒有CommonsChunkPlugin 了，如提示內(nèi)容

2018年6月10日 11:19
編輯回答
不將就

下面是我本人在本地測試webpack@4.x 測試使用的，在我本地是運行oK, 還有你最好把 webpack 的配置和項目結(jié)構(gòu)展示出來，這樣方便更好的幫助處理問題 。

 ......
 plugins: [
    .......
    new webpack.optimize.SplitChunksPlugin({
      cacheGroups: { // 這里開始設(shè)置緩存的 chunks
        priority: 0, // 緩存組優(yōu)先級
        vendor: { // key 為entry中定義的入口名稱
          chunks: 'all', // 必須三選一： "initial" | "all" | "async"(默認(rèn)就是異步)
          name: 'dom', // 要緩存的 分隔出來的 chunk 名稱
          minSize: 0,
          minChunks: 1,
          enforce: true,
          reuseExistingChunk: true 
        }
      }
    })
    ......
  ]
  ......
2017年7月18日 00:20
編輯回答
情已空

完整的webpack4項目供參考：https://github.com/hzsrc/vue-...

2018年7月6日 18:36