构建工具

构建工具负责将源码转译、合并、压缩并输出可部署产物,是前端工程链路的核 心环节。本页汇总当前社区中使用最广泛的工具及其官方网站,便于查阅配置 项、插件生态与性能基准。

打包器

• Vite:基于浏览器原生 ESM 的开发服务器,生产环境使用 Rollup 打包,冷启动极快。 官网
• Webpack:功能完备的模块打包器,支持 loader、plugin 与丰富的资源处理管线。 官网
• Rollup:面向库的 ES Module 打包器,产物简洁高效,是许多工具链的内核。 官网
• esbuild:用 Go 实现的超快 JavaScript/TypeScript 打包与转译器。 官网
• Turbopack:由 Vercel 推出的 Rust 增量打包器,为 Next.js 提供开发时构建。 官网
• Parcel:零配置的 Web 应用打包器,内置多语言编译与代码分割。 官网

转译器与编译器

• Babel:JavaScript 语法降级与 polyfill 工具链,插件化扩展。 官网
• SWC:基于 Rust 的高速 JavaScript/TypeScript 编译器,常被用作构建插件。 官网
• tsc:TypeScript 官方编译器,负责类型检查与语法降级。 官网

一体化运行时

• Bun:集成 JavaScript 运行时、bundler、转译器与包管理器的高性能工具链。 官网