III.5 现代构建工具、打包器与编译器

目的：将源码转换为可部署产物，并在开发期提供快速反馈循环，在生产环境提供更小、更快、更稳定的输出。

Webpack：经典而成熟的模块打包器。生态极其完整，插件与 Loader 丰富，仍广泛存在于大型存量项目和高度定制化工程中。
Vite：现代前端开发的主流选择之一。开发期依赖原生 ESM 和极快的 HMR；截至 2026 年 4 月，其生产构建仍以 Rollup 生态为主，同时官方正在推进 Rolldown 作为下一代打包后端。
Rspack / Rsbuild：基于 Rust 的高性能打包器及其上层构建工具，在兼容 Webpack 生态的同时追求更快的构建速度。对中大型应用和企业级工程尤其有吸引力。
esbuild：用 Go 编写的超高速编译/打包工具，经常被当作构建链中的基础能力使用，例如预打包、转换、压缩或作为其他工具的底层引擎。
Rollup：偏向库构建的打包器，擅长 tree-shaking 和生成干净的 ESM/CJS 输出。很多工具会把它作为生产构建阶段的核心部件。
Turbopack：面向 Next.js 生态的 Rust 增量打包器，强调大型应用开发期的响应速度与按需计算能力。
SWC：基于 Rust 的 TypeScript/JavaScript 编译器，核心定位是“编译与转换”而不是通用应用打包器，常作为框架或工具链的底层编译层。

截至 2026 年 4 月，前端工具链的真实趋势并不是“某一个新工具统一天下”，而是出现了更清晰的分层：

因此，讨论构建工具时必须区分“开发体验”“应用打包”“库打包”“编译层”这几个不同职责，而不能把它们混成同一类。

表格：领先构建工具/打包器比较

工具名称	核心技术	主要用例	关键特性（示例）	2026 视角下的定位
Webpack	JavaScript	存量应用、深度定制工程	Loader、Plugin、Module Federation	稳定、生态最深
Vite	原生 ESM + Rollup 生态	现代应用开发入口	快速 HMR、插件生态成熟、向 Rolldown 演进	新项目常用首选之一
Rspack / Rsbuild	Rust	中大型应用、企业工程	高性能、Webpack 兼容、迁移成本相对可控	近年增长很快
esbuild	Go	转换、压缩、预打包	极快、嵌入式能力强	常作为底层引擎
Rollup	JavaScript	库构建、产物优化	Tree-shaking、ESM 优先	仍是库生态核心之一
Turbopack	Rust	Next.js 开发/构建	增量计算、按需工作、Next.js 深度集成	Next.js 专用路线
SWC	Rust	编译、转换、压缩	快速 TS/JS 转换、JSX 支持	更像编译层，不应与应用 bundler 混谈

选择这些工具时，最实用的判断标准不是“谁最快”，而是：