Webpack 动态导入问题测试仓库
Webpack 动态导入问题测试仓库
这个仓库用于测试 Webpack 4.10.x 版本中 HMR（热模块替换）和动态导入功能的 bug。
使用方法
准备工作:
- 项目使用 yarn 管理依赖，如果您使用 npm，可能需要调整部分命令。
- 克隆仓库并运行
yarn安装依赖。
启动项目:
yarn start：按预期启动项目。yarn start-broken：安装 Webpack 4.10.2 并启动项目，演示问题。yarn start-working：安装 Webpack 4.9.2 并启动项目，正常运行。
测试步骤:
- 建议将浏览器控制台日志设置为“保留日志”，以便观察 HMR 错误。
- 项目运行后，打开
src/components/ImportAsync.js并修改内容。 - 使用 Webpack 4.9.2 时，页面会进行热重载并接受更新。使用 Webpack 4.10.2 时，则会出现问题。
总结
通过对比不同版本的 Webpack，可以观察到 HMR 和动态导入功能在 4.10.x 版本中存在 bug。
文件大小：48.76KB
评论区