webpack使用dynamic import时出现诡异问题处理

我在开发项目的时候,使用dynamic import时,如果使用webpack-dev-server,则一切会正常,如果使用webpack -p打包压缩,则出现以下错误:


搜索了一天也没找到解决问题的办法,后来只能一点点的试,看是否是哪个loader或者plugin影响的,结果还真找到问题点了。

我在打包的时候,使用了extractTextPlugin这个插件,去掉此插件再次打包,错误消失,加上则会出现问题。于是乎我又百度了一下,说加上allChunks:true这个属性,试了一下果然好用。然后赶紧去webpack手册查询一下这个是干什么用的,解释如下:


我webpack中确实使用了CommonsChunkPlugin这个插件,也确实有公共的chunk来自extractTextPlugin,问题应该就是在此了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值