一个 800+ 组件的中后台项目,dev 启动从 webpack 时代的 90s 降到 Vite 的 3s,但页面越来越多后发现冷启动后第一次访问某些大页面还是会卡几秒。
靠 esbuild 的依赖预构建,大部分场景已经很快了。卡顿主要出现在巨型 route chunk 的首次加载。
优化手段:
- manualChunks 拆分大依赖。
- 路由级懒加载。
- 把重型依赖(monaco、antd)单独 externals。
整体来说 Vite 在大项目上还是吊打 webpack。
大家的大项目 dev 体验如何?有没有更激进的优化?