Vite
以原生 ESM 开发服务器 + Rollup 生产构建为核心的前端工具链；适合现代 SPA/多框架工程与库开发。
#type / resource
#status / growing
#tech / dev
#tech / dev / frontend
#resource / javascript
[!info] related notes
- 知识地图：Vite MOC
- 学习路线：Vite 学习路线 MOC
- 设计动机：Vite 的设计动机
- 双路径：开发与构建双路径
- 环境变量：import.meta.env
- 相邻：前端工程化 MOC · JS 模块与工程化
Vite
这是什么
Vite 是现代前端开发与构建工具。它把开发反馈与生产产物拆成两条管线：开发基于原生 ESM 按需编译，并对依赖做 esbuild 预构建；生产使用 Rollup 打包。
适合什么
- React/Vue 等现代 SPA
- 需要快速 HMR 的业务项目
- 组件库库模式构建
- monorepo 中的应用包
不适合 / 边界
- 把 dev 行为直接当 prod 保证
- 无计划的古老浏览器支持（需额外策略）
- 用配置堆叠代替模块与构建理解
[!abstract] 一句话理解 开发要快用 ESM 按需；上线要稳用 Rollup 打包——Vite 显式选择双路径而不是一条管线妥协到底。