码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-04-27 17:46:43      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:res   put   col   ons   new   jquery   color   move   生产   

根本原因:

是项目在升级了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

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

标签:res   put   col   ons   new   jquery   color   move   生产   

原文地址:https://www.cnblogs.com/vickylinj/p/12787781.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!