Webpack 仍然在很多项目中使用，本文列出常见的性能与构建优化策略，帮助降低构建时间与产物体积。
构建时间优化
- 使用持久化缓存（cache: { type: 'filesystem' }）和多线程构建（thread-loader/parallel-webpack）。
- 减少 loader 的扫描范围，使用 include/exclude 精确匹配。
输出体积优化
- 启用 Tree-shaking、Scope Hoisting（ModuleConcatenationPlugin）与代码分割（splitChunks）。
- 压缩：生产环境使用 Terser/Esbuild 压缩和 CSS 压缩器（cssnano/parcel-css）。
第三方依赖管理
- 分析 bundle（webpack-bundle-analyzer）识别大依赖，采用按需引入或替代库。
- 使用 externals 将 CDN 或宿主环境提供的包排除在构建之外。
开发体验
- 使用 HMR（热重载）与更快的替代工具（Vite/esbuild）在开发阶段替代慢的完整构建。
结论
通过缓存、按需加载、构建并行化与依赖管理，可以显著提升构建速度和运行时性能；同时评估是否迁移到更现代的打包工具以获得更好体验。