Vite 教程

1. 工具定位与架构革命

Vite 是一个由 Vue 作者尤雨溪发起的现代前端构建工具，旨在极大地改善前端开发体验。

它之所以能在冷启动和热更新 (HMR) 速度上对传统构建工具（如 Webpack）形成降维打击，核心在于其 双引擎架构：

1. 开发环境 (Dev)：完全放弃预打包。它直接利用现代浏览器对原生 ES Modules (ESM) 的支持。当浏览器请求某个文件时，Vite 服务器才会在后台按需编译（利用极速的 Esbuild）并提供该文件，真正实现了 按需加载 和 O(1) 的极速启动。
2. 生产环境 (Prod)：使用高度优化的 Rollup 将代码打包，以支持在生产环境中的代码拆分、Tree-Shaking 和老旧浏览器的兼容。

---

2. 快速上手与脚手架

使用 Vite 官方脚手架可以一键生成 Vue、React、Svelte 等现代主流框架的启动模板。

# 推荐：使用最新版脚手架交互式创建项目
npm create vite@latest

# 安装指定依赖到现有项目
npm install -D vite

3. 参考资料

• Vite 官方多语言文档
• Vite GitHub 开源仓库