esbuild 和 Vite 有什么区别？构建工具选型指南
esbuild 是极速编译器，Vite 是构建于其上的完整开发平台。本文从定位、开发体验、生产构建与插件生态讲清两者关系与选型。
这不是二选一——Vite 内部就用 esbuild（依赖预构建与转译）。真正的选择是：只需要"快速转译/打包文件"用 esbuild 本体；开发前端应用需要 dev server、HMR、框架集成用 Vite。esbuild 是引擎，Vite 是整车。
本文涉及 Vite 架构时，以版本区分：Vite 7 及更早版本使用 esbuild／Rollup 的组合；Vite 8 已改用 Rolldown 与 Oxc。旧插件及构建选项迁移请按 Vite 8 迁移文档 检查，不能将旧版本的内部实现当作当前所有版本的行为。
定位的本质差异
esbuild 解决一个点状问题：把 JS/TS 代码快速转成另一种形态（转译、打包、压缩）。它没有开发服务器生态、没有 HMR 框架集成、没有路由级代码分割的概念。
Vite 解决一个面状问题：前端应用的完整开发与构建体验。开发期原生 ESM 按需编译（改哪个文件编译哪个，毫秒级热更新），生产期用 Rollup 做优化构建，插件体系连接 Vue/React/Svelte 等框架。
开发体验对比
用 esbuild 开发：watch + serve 可以得到基础的热重载，但 React Fast Refresh 这类框架级 HMR 要自己接——配置成本高、体验不完整。
用 Vite 开发：npm create vite@latest 一分钟起项目，HMR、CSS 模块化、环境变量、代理配置开箱即用。开发体验上两者没有可比性，应用开发就该用 Vite。
生产构建对比
esbuild 的生产构建快但优化保守（基础压缩与 tree-shaking）；Vite 走 Rollup：代码分割策略、动态 import 分包、CSS 提取、资源哈希——应用级优化更成熟。大型应用的首屏加载差距就在这些分包细节里。
esbuild 的主场
- 库构建：tsup/dts-bundle 等基于 esbuild，输出干净快速；
- 后端/脚本打包：
--platform=node --packages=external，秒级产出部署文件； - 作为其他工具的引擎：Vite/tsx/vitest 都在用它；
- CI 里的快速转换：大批量文件的格式转换、polyfill 注入。
常见问题（FAQ）
Q：Vite 生产构建为什么不用 esbuild 而用 Rollup？
历史与能力双重原因：Vite 诞生时 esbuild 的代码分割与 CSS 处理不完善，Rollup 更成熟。Rolldown（Rust 版 Rollup）成熟后 Vite 正在切换——未来 Vite 的构建内核会是 Rolldown 而非 esbuild。
Q：小型项目能只用 esbuild 吗？
纯工具库、CLI、简单脚本可以（配置确实更少）；但凡涉及"浏览器里的应用"，Vite 的开发体验收益远超其一点配置成本。
Q：esbuild 未来会被 Rolldown 取代吗？
在 Vite 体系内会逐渐被 Rolldown 接替；作为独立工具 esbuild 依然有其生态位（后端打包、库构建、被其他工具内嵌）。两者会长期共存。
参考文档
本文依据公开文档整理，示例需按项目依赖版本验证；不将文档中的性能描述视为本项目实测结果。
