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

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

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

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

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

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

相关文章:

  • 2021-09-12
  • 2022-12-23
  • 2021-05-18
  • 2021-11-03
  • 2022-12-23
  • 2022-01-09
  • 2021-11-17
  • 2022-12-23
猜你喜欢
  • 2021-07-16
  • 2022-02-06
  • 2022-12-23
  • 2021-09-06
  • 2021-11-19
  • 2021-12-15
  • 2022-12-23
相关资源
相似解决方案