Vite
为什么 Vite 快
- 开发期基于原生 ESM,按需加载,无需先整体打包。
- 依赖预构建用 esbuild 转 ESM,减少请求与解析成本。
核心原理
- 开发:按 URL 提供模块,HMR 基于模块图精准失效。
- 生产:调用 Rollup 打包,沿用其优化与插件体系。
与 Webpack 对比
| 特性 | Vite | Webpack |
|---|
| 冷启动 | 快 | 慢 |
| 热更新 | 快 | 较慢 |
| 生产构建 | Rollup | 内建 |
| 生态 | 成长中 | 成熟 |
常见面试题索引
- 为什么快
- 预构建
- HMR 差异
- 生产构建
- 与 Webpack 区别
- 何时仍选 Webpack
- env 加载规则
- 代理配置
- SSR 支持
- 构建优化