Turbopack 入门

Turbopack 是一个针对 JavaScript 和 TypeScript 优化的增量打包器，由 webpack 和 Next.js (在新标签页中打开) 的创建者在 Vercel (在新标签页中打开) 编写，使用 Rust 语言实现。

Turbopack 性能的秘诀在于两方面：高度优化的机器代码和低级增量计算引擎，该引擎能够将缓存深入到单个函数级别。Turbopack 完成一项任务后，就不会再重复执行。

我们的团队汲取了 10 年 webpack 的经验教训，结合了 Turborepo 和 Google 的 Bazel 在增量计算方面的创新，创建了一个能够支持未来几十年计算的架构。

快速入门

截至今天，Turbopack 可用于 Next.js v14。将来，我们将发布独立的 CLI、插件 API，以及对其他框架（如 Svelte 和 Vue）的支持。目前，请按照以下说明开始使用。

新项目

1. 使用 Turbopack 创建 Next.js 14 项目

npx create-next-app --example with-turbopack

2. 启动 Next.js 开发服务器（使用 Turbopack）

npm run dev

Next.js v14 开发服务器现在由 Turbopack 提供支持！启动和更新都应该近乎即时。应用程序越大，改进就越明显。

现有项目

将 --turbo 添加到您的 next dev 命令中

{
  "scripts": {
    "dev": "next dev --turbo"
  }
}

下一步

想要了解更多关于 Turbopack 的信息？以下是我们认为它特别之处的一些深入探讨。