Webpack 5升级踩坑记:从构建优化到生态适配

2021年,Webpack 5正式发布一年后,我们决定升级。本以为是个简单的版本更新,没想到踩了这么多坑...

为什么升级Webpack 5?

我们的项目还在用Webpack 4,面临的问题:

  1. 构建速度慢 - 开发环境热更新要10秒+
  2. 包体积大 - 生产构建超过8MB
  3. Tree Shaking不彻底 - 很多dead code没被摇掉
  4. 缓存策略原始 - 每次都要重新构建