[!info] related notes

• 知识地图：Vite MOC
• 学习路线：Vite 学习路线 MOC
• 设计动机：Vite 的设计动机
• 双路径：开发与构建双路径
• 环境变量：import.meta.env
• 相邻：前端工程化 MOC · JS 模块与工程化

Vite

这是什么

Vite 是现代前端开发与构建工具。它把开发反馈与生产产物拆成两条管线：开发基于原生 ESM 按需编译，并预构建依赖；生产打包为可部署产物。Vite 8 使用 Rolldown 预构建与打包、Oxc 转换 JS/TS；Vite 7 及以前的标准实现采用 esbuild + Rollup。

适合什么

• React/Vue 等现代 SPA
• 需要快速 HMR 的业务项目
• 组件库库模式构建
• monorepo 中的应用包

不适合 / 边界

• 把 dev 行为直接当 prod 保证
• 无计划的古老浏览器支持（需额外策略）
• 用配置堆叠代替模块与构建理解

[!abstract] 一句话理解 开发要快用 ESM 按需；上线生成经过验证的构建产物——Vite 显式选择双路径而不是一条管线妥协到底。

从这里继续

1. 学习路线
2. 安装并运行
3. 依赖预构建
4. 生产构建