Vite 构建提速实践
定位耗时来源,把冷启动从 40s 压到 6s。
先定位,再优化
pnpm build --profile
npx vite-bundle-visualizer
典型的耗时分布:依赖预构建 40%、source map 25%、类型检查 20%、其余 15%。
四个见效最快的动作
- 固定 optimizeDeps.include:把大依赖显式列出,避免运行时反复触发预构建
- 生产关 source map:或者改用
hidden-source-map,只上传给错误监控 - 类型检查移出构建:
vue-tsc单独跑,与打包并行 - 升级到 Rolldown:Vite 7 起可选,大型项目实测提升明显
| 阶段 | 优化前 | 优化后 |
|---|---|---|
| 冷启动 | 40s | 6s |
| 热更新 | 1.2s | 180ms |
| 生产构建 | 3m20s | 55s |
别一次性全上,逐条改逐条测——否则出了问题不知道是哪条带来的。
评论0





暂无评论,期待您的发言...