一、官方网址
Vite 官网:https://vitejs.dev ,由 Vue 作者尤雨溪团队开发,开源免费,提供完善中文文档。
二、核心功能
- 极速冷启动:开发环境基于浏览器原生 ESM 按需编译,无需预先打包。
- 毫秒级热更新:HMR 只编译改动模块,大项目中依然保持瞬时响应。
- 开箱即用:对 TypeScript、JSX、CSS 预处理器提供零配置支持。
- Rollup 生产构建:生产环境使用 Rollup 打包,产物体积优化出色。
- 框架无关:官方模板支持 Vue、React、Svelte、Lit 等主流框架。
- 插件生态:兼容 Rollup 插件体系,社区插件丰富。
三、适用场景
- Vue/React 等新项目的首选脚手架与构建方案。
- 对开发体验与热更新速度要求高的团队。
- 组件库与工具库的开发构建。
- 微前端、SSR(Nuxt、SvelteKit 均基于 Vite)场景。
四、使用优势
- 开发体验革命性提升,项目越大优势越明显。
- 配置简洁,新手也能快速上手。
- 生态发展迅猛,已成为前端事实标准之一。
- 中文文档友好,社区活跃。
五、注意事项
- 开发与生产构建机制不同,个别问题只在构建后出现,需提前构建验证。
- 老浏览器兼容需配合 @vitejs/plugin-legacy。
- 部分 CommonJS 依赖需要预构建,遇到报错先检查 optimizeDeps 配置。
书签栏