构建与转译总览
这一组文章解决的是:源码为什么能跑起来,构建为什么会快慢不同,为什么同样是“打包工具”,不同方案的适用范围差那么多。
推荐阅读顺序
BabelWebpackRollupViteRsbuildRspackTurbopackFarm
这组内容现在覆盖什么
Babel:语法转换、目标环境兼容、编译阶段Webpack:经典应用 bundler 和高度可定制的工程体系Rollup:库构建、Tree Shaking 和产物输出Vite:现代前端项目的主流构建方案,已整理为专题目录Rsbuild / Rspack:Rust 路线下的现代构建体系Turbopack:Next.js 主线 bundlerFarm:值得关注的高性能构建器路线
Babel
Babel 的核心价值不是“让代码变短”,而是把现代语法和新特性转换成目标运行环境能理解的代码。
Vite
3 个项目
Webpack
Webpack 更像一个高度可编排的构建平台。它没有 Vite 那么轻,但在复杂项目、老项目和深度定制场景里依然很常见。
Rollup
Rollup 是现代前端构建谱系里很关键的一环。很多人日常写项目时不直接碰它,但理解库构建、Tree Shaking、插件链路时,很难绕开它。
Rsbuild
Rsbuild 是一套面向应用项目的现代构建工具,底层基于 Rspack。如果说 Vite 的标签偏“开发体验很快”,Rsbuild 的标签更像“在速度和工程能力之间取一个更稳的平衡”。
Rspack
Rspack 是一个 Rust 实现的 bundler,设计上和 Webpack 生态关系很深,但目标是把性能和现代化体验往前拉一大截。
Turbopack
Turbopack 需要放在 Next.js 生态里理解。它不是一把独立流行起来的通用构建工具,而是 Next 路线里最重要的下一代 bundler。
Farm
Farm 是另一条现代构建器路线,核心关注点同样是速度和增量能力,但思路和生态位置与 Vite、Rsbuild、Turbopack 都不完全一样。
术语区分
转译:把一种更现代或上层的语法变成另一种语法打包:把模块依赖整理成浏览器或运行时可消费的产物构建:更大的流程,通常包含转译、打包、压缩、资源处理、产物输出bundler:更偏底层的打包引擎构建工具:更接近面向项目的完整工作台