Vite

一、官方网址

Vite 官网：https://vitejs.dev ，由 Vue 作者尤雨溪团队开发，开源免费，提供完善中文文档。

二、核心功能

1. 极速冷启动：开发环境基于浏览器原生 ESM 按需编译，无需预先打包。
2. 毫秒级热更新：HMR 只编译改动模块，大项目中依然保持瞬时响应。
3. 开箱即用：对 TypeScript、JSX、CSS 预处理器提供零配置支持。
4. Rollup 生产构建：生产环境使用 Rollup 打包，产物体积优化出色。
5. 框架无关：官方模板支持 Vue、React、Svelte、Lit 等主流框架。
6. 插件生态：兼容 Rollup 插件体系，社区插件丰富。

三、适用场景

• Vue/React 等新项目的首选脚手架与构建方案。
• 对开发体验与热更新速度要求高的团队。
• 组件库与工具库的开发构建。
• 微前端、SSR（Nuxt、SvelteKit 均基于 Vite）场景。

四、使用优势

• 开发体验革命性提升，项目越大优势越明显。
• 配置简洁，新手也能快速上手。
• 生态发展迅猛，已成为前端事实标准之一。
• 中文文档友好，社区活跃。

五、注意事项

• 开发与生产构建机制不同，个别问题只在构建后出现，需提前构建验证。
• 老浏览器兼容需配合 @vitejs/plugin-legacy。
• 部分 CommonJS 依赖需要预构建，遇到报错先检查 optimizeDeps 配置。