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

webpack4 splitChunks提取问题

webpack4 splitChunks提取问题

ITMISS 2019-03-20 15:58:48
我搭建的是一个单页应用想用webpack4下的splitChunks功能想将node_modules引用的模块比如vue之类的提取放到一个js文件下但是怎么提都提不出来一点反应都没有,这是怎么回事?optimization: {         splitChunks: {             chunks: 'initial', //默认只作用于异步模块,为`all`时对所有模块生效,`initial`对同步模块有效             minSize: 30000, //合并前模块文件的体积             minChunks: 1, //最少被引用次数             maxAsyncRequests: 5,             maxInitialRequests: 3,             automaticNameDelimiter: '~',             cacheGroups: {                 vendors: {                      test: /node_modules/,                      minChunks: 1,                      priority: -10                 },                 default: {                      test: /src/,                      minChunks: 2,                      priority: -20,                      reuseExistingChunk: true                 }             }         }     },
查看完整描述

2 回答

?
慕容708150

TA贡献1831条经验 获得超4个赞

找到问题的原因了,是加了下面这个东西
导致和splitChunks有冲突

new webpack.optimize.MinChunkSizePlugin({minChunkSize: 30000}),


查看完整回答
反对 回复 2019-03-20
?
白衣染霜花

TA贡献1796条经验 获得超10个赞

splitChunks: {
      cacheGroups: {
        manifest: {
          name: "manifest",
          chunks: "initial",
          minChunks: 2
        },
       
        vendor: {
          chunks: "all",
          test: /[\\/]node_modules[\\/]/,
          name: "vendor",
          minChunks: 1,
          maxInitialRequests: 5,
          minSize: 0,
          priority: 98
        }
      }
    }
  },


查看完整回答
反对 回复 2019-03-20
  • 2 回答
  • 0 关注
  • 1236 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信