Webpack-面试-构建性能优化
2026年10月16日·Admin·1 次浏览
面试题：Webpack 构建慢怎么优化？
方向
- 缓存：
cache: { type: 'filesystem' }（Webpack 5）。 - 多进程：
thread-loader、TerserPluginparallel（注意进程开销与小项目可能反效果）。 - 缩小范围：
include/exclude、resolve精简、Dll（老）/ externals。 - 分析：
speed-measure-webpack-plugin、webpack-bundle-analyzer找大头。 - 升级：Webpack 5 持久缓存、更好 tree-shaking；或评估 esbuild-loader / swc 替代 babel-loader 做转译。
体积
Code splitting、sideEffects、压缩、图片优化、按需引入组件库。