Vite 构建提速实践

Admin
108阅读
0评论
0点赞

定位耗时来源,把冷启动从 40s 压到 6s。

先定位,再优化

pnpm build --profile
npx vite-bundle-visualizer

典型的耗时分布:依赖预构建 40%、source map 25%、类型检查 20%、其余 15%。

四个见效最快的动作

  1. 固定 optimizeDeps.include:把大依赖显式列出,避免运行时反复触发预构建
  2. 生产关 source map:或者改用 hidden-source-map,只上传给错误监控
  3. 类型检查移出构建:vue-tsc 单独跑,与打包并行
  4. 升级到 Rolldown:Vite 7 起可选,大型项目实测提升明显
阶段 优化前 优化后
冷启动 40s 6s
热更新 1.2s 180ms
生产构建 3m20s 55s

别一次性全上,逐条改逐条测——否则出了问题不知道是哪条带来的。

上一篇CSS 容器查询实战下一篇Flutter 实现 iOS 26 液态玻璃效果
评论0

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

发表评论