Q18 · 构建工具
目前你所了解到的前端构建工具都有哪些？区别是什么？
⚡ 速记答案（30 秒）
- Webpack：功能最全、插件生态成熟，适合大型工程，但配置相对复杂
- Rollup：主打库打包，tree-shaking 强，输出干净
- Parcel：零配置开箱即用，自动推断
- Vite：开发期基于 ESM，冷启动和 HMR 极快，生产用 Rollup
- esbuild / SWC：更像"底层编译器/打包器"，生态在成长
📖 详细讲解
构建工具对比
| 工具 | 定位 | 优势 | 劣势 |
|---|---|---|---|
| Webpack | 通用打包 | 生态丰富 | 配置复杂 |
| Rollup | 库打包 | 输出干净 | 功能有限 |
| Parcel | 零配置 | 简单易用 | 定制性差 |
| Vite | 开发优先 | 启动快 | 生态较新 |
| esbuild | 编译器 | 极速 | 生态弱 |
| SWC | 编译器 | 极速 | 生态弱 |
选型建议
• 应用项目：Vite（新项目）/ Webpack（老项目）
• 组件库：Rollup
• 工具库：esbuild / tsup
• 需要极致性能：Turbopack / Rspack
面试技巧：回答工程化问题时，结合你实际项目中的配置和优化经验，更有说服力。