395 字
1 分钟
Vite：快！太快了！由于速度太快我跟不上了
Vite：这也太快了吧… 还有报错
Vite 的开发服务器确实快，尤其是项目变大以后，按需转换模块比每次先打完整包舒服得多。
开发爽，打包火葬场
开发环境按需提供 ES Modules，生产环境则需要输出优化后的静态资源。Vite 早期的生产构建使用 Rollup，现在的工具链已经迁移到 Rolldown；无论底层版本如何变化，开发和生产仍然不是完全相同的执行路径。 这也留下了一个经典问题：开发环境跑得好好的，一打包上线就报错！
有些老依赖同时混着 CommonJS、条件导出和运行时动态加载，开发阶段被依赖预构建兜住，生产构建却可能走到另一条入口。我曾经为了一个老旧加密库折腾了整整两天。最后的经验不是乱加配置，而是先确认包的 exports、浏览器兼容性和实际构建入口，再决定升级、替换还是写一个很小的适配插件。
心态崩了
毁灭吧，赶紧的。累了。
现在遇到这类问题，我会先跑一次干净的生产构建，再看解析到的依赖入口和产物，而不是拿开发服务器正常当作上线保证。快是真的快，该补的构建验证也一个都不能少。
分享
如果这篇文章对你有帮助，欢迎分享给更多人！
Vite：快！太快了！由于速度太快我跟不上了
https://blog.luozili.work/posts/vue-learning-10/ 部分信息可能已经过时
相关文章 智能推荐
1
我累了：试图理解源码，结果被源码理解了
Vue学习之路 记录第一次阅读 Vue 3 响应式和渲染器源码时，从建立入口地图到被 PatchFlags 劝退的过程。
2
前端性能优化：只要我跑得够快，Bug 就追不上我
Vue学习之路 从一个包含 Three.js 和大量数据的页面出发，逐项记录代码分割、资源压缩、缓存与渲染优化。
3
逐渐暴躁：为什么前端框架更新这么快？！
Vue学习之路 一篇关于前端生态快速迭代、知识焦虑和如何选择学习重点的阶段性吐槽。
4
样式设计：CSS 也就是随便写写... (并没有)
Vue学习之路 记录 Vue 单文件组件中 scoped CSS、深度选择器、CSS Modules 与响应式布局的实践和踩坑。
5
TypeScript：给代码穿上防弹衣 (虽然很重)
Vue学习之路 从一串类型报错出发，记录 Vue 3 项目接入 TypeScript 后的学习成本、常见问题和实际收益。