为了账号安全,请及时绑定邮箱和手机立即绑定

配置 new webpack.optimize.CommonsChunkPlugin({ name: 'vendor' })这个之后,执行npm run build,出现报错.

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

正在回答

15 回答

感谢楼主

0 回复 有任何疑惑可以回复我~

这是我的代码:

config.plugins.push(

    new ExtractPlugin('styles.[contentHash:8].css')

  )

  config.optimization = {

    splitChunks: {

      cacheGroups: {

        commons: {

          chunks: 'initial',

          minChunks: 2, maxInitialRequests: 5,

          minSize: 0

        },

        vendor: {

          test: /node_modules/,

          chunks: 'initial',

          name: 'vendor',

          priority: 10,

          enforce: true

        }

      }

    },

    runtimeChunk: true

  }


16 回复 有任何疑惑可以回复我~
#1

慕_M

你好,请问一下,我这样写之后还是会报错
2019-02-17 回复 有任何疑惑可以回复我~

具体可以查看webpack 4.0版本的修改http://ju.outofmemory.cn/entry/343762

1 回复 有任何疑惑可以回复我~

问题已经解决,将解决方法分享给遇到同样问题的朋友.

这个是webpack 4.0版本写法发生改动导致的问题.

在config里添加下边的代码,即可解决

http://img1.sycdn.imooc.com//5a978f7400017a9f06250547.jpg

11 回复 有任何疑惑可以回复我~
#1

qq_小小白_4

这一段是要添加到哪里啊? 求教
2018-04-17 回复 有任何疑惑可以回复我~

根据提示,使用config.optimization.splitChunks 这个配置依然报错:

TypeError: Cannot read property 'splitChunks' of undefined


0 回复 有任何疑惑可以回复我~
#1

qq_李筱仨r_0

嗯,我也是报错的,不知道怎么搞
2018-04-27 回复 有任何疑惑可以回复我~
首页上一页12下一页尾页

举报

0/150
提交
取消

配置 new webpack.optimize.CommonsChunkPlugin({ name: 'vendor' })这个之后,执行npm run build,出现报错.

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号