其他工具对比

📖 本节总结

除了 Webpack、Rollup、Rolldown，还有 esbuild、Turbopack、Parcel 等工具。

---

esbuild

特点

esbuild 使用 Go 语言编写
声称比传统打包工具快 10-100 倍
但功能相对较少

用法

// esbuild 命令行
esbuild src/index.js --bundle --outfile=dist/bundle.js

// 或作为库使用
const esbuild = require('esbuild')
await esbuild.build({
  entryPoints: ['src/index.js'],
  bundle: true,
  outfile: 'dist/bundle.js'
})

优缺点

优点	缺点
速度极快	功能较少
配置简单	插件系统不完善
支持 JSX/TS	不支持 HMR

---

Turbopack

特点

Turbopack 是 Vercel 出品的打包工具
使用 Rust + Go 编写
声称比 Webpack 快 10 倍

用法

// Next.js 14+ 支持 Turbopack
next dev --turbo

与 Rolldown 的区别

特性	Turbopack	Rolldown
开发者	Vercel	Rollup 团队
语言	Rust + Go	Rust
目标	应用打包	通用
状态	早期	开发中

---

Parcel

特点

零配置打包工具
开箱即用
但速度一般

用法

# 安装
npm install parcel

# 直接打包
parcel src/index.html

优缺点

优点	缺点
零配置	速度一般
开箱即用	定制性差
多格式支持	社区较小

---

总结对比

工具	语言	速度	功能	适用场景
Webpack	JS	慢	最全	大型应用
Rollup	JS	中等	中等	库打包
esbuild	Go	很快	较少	构建加速
Rolldown	Rust	很快	中等	通用
Turbopack	Rust	很快	中等	应用
Parcel	JS	慢	中等	简单项目

---

选择建议

场景	推荐工具
大型应用	Webpack / Turbopack
库开发	Rollup / Rolldown
追求速度	esbuild / Rolldown
零配置	Parcel
Vue/React 生态	Vite