Code-Splitting
Vite SPA 首屏性能预算:测量真实依赖闭包
一次生产构建生成了数 MB JavaScript。完成拆包后,应用入口文件的压缩体积明显下降。两个数字都没有回答实际问题:未登录用户要下载多少代码,登录页才能进入可用状态?
一套经过脱敏的企业单页应用暴露了这个差异。原始构建在启动阶段同步注册数十个路由页面和完整组件库。第一轮优化大幅缩小了入口 chunk,也就是构建工具生成的一份代码块;这份文件却不再包含首屏路由、共享依赖和对应样式。若直接把入口体积当成结果,就会高估优化幅度。
最终方案把路由级懒加载和 Vite 构建清单预算结合起来。预算同时覆盖应用入口、指定首屏路由,以及从这两个根节点可达的全部静态 JavaScript 和 CSS 依赖 …