快速上手 Turbopack
Turbopack 是专为 JavaScript 和 TypeScript 打造的,使用 Rust 开发的构建工具。由 Webpack 和 Next.js 开发者们在 Vercel 共同打造。
对于拥有组件数 30,000 左右的应用,Turbopack 相较于 Vite 提速可达 10 倍,而 Webpack 可达到 700 倍。对于体量最大的应用,其差异更为明显,构建速度相较于 Vite 可达 20 倍。对于组件数超过 50,000 的应用,其差异甚至更加明显,更新速度比 Vite 快 20 倍。
Turbopack 性能提升的秘诀由两个部分组成,一方面机器码进行了高度优化,另一方面是打造了一个低层级递增式计算引擎,这个引擎可以缓存至函数的层级。只要 Turbopack 执行了一次构建任务,就不会再重复构建。
我们的团队吸取了 Webpack 十年来的教训,结合 Turborepo 和 Google's Bazel 创新性的递增式计算,为未来几十年准备了一个计算架构。
Turbopack 目前处于 alpha 阶段,尚未正式投入生产构建。感谢您的支持,我们同时欢迎关于 Turbopack 的反馈,并将努力让它为大家所用。
快速上手
目前 Turbopack 已经可以用在 Next.js v13 了,未来我们还会发布 CLI、插件 API,并为其它框架提供支持,比如 Svelte 和 Vue。现在,跟着以下步骤开始上手吧:
- 使用 Turbopack 创建 Next.js v13 项目
npx create-next-app --example with-turbopack
- 启动 Next.js 开发服务器(使用 Turbopack)
npm run dev
现在 Next.js v13 的开发服务器有 Turbopack 加持了!启动和更新速度真是说时迟那时快。对于体积越大的应用,性能提升会更为明显。
下一步
还想了解更多关于 Turbopack 的内容?下面的链接将深入介绍为何 Turbopack 如此特别。