Vite 和 Webpack 怎么选?各自适用场景?
| 维度 | Vite | Webpack |
|---|---|---|
| 开发启动 | 极快(原生 ESM) | 慢(全量打包,项目大更明显) |
| 生态/插件 | 较新,Rollup 插件为主 | 极成熟,loader/plugin 海量 |
| 生产打包 | Rollup(Tree Shaking 好) | 自研(更可控、功能全) |
| 微前端/复杂构建 | 偏弱 | 强(Module Federation 等) |
| 学习成本 | 低 | 高 |
选型:
- 新项目 / SPA / 重开发体验 → Vite(Vue/React 默认推荐)
- 老项目、复杂定制(微前端、细粒度拆包、特殊 loader)→ Webpack
- 库打包 → Rollup(Vite 生产底层也是它)或 tsup/esbuild