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

配置 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
提交
取消
Vue+Webpack打造todo应用
  • 参与学习       84606    人
  • 解答问题       787    个

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信