框架

Turbopack 计划为多个框架提供一流的支持。无论您使用的是 Svelte、React、Vue.js 还是其他框架，我们都希望在 Turbopack 上提供出色的体验。

React

.jsx 和 .tsx 文件在 Turbopack 中开箱即用。我们使用 SWC (在新标签页中打开) 编译您的 JavaScript 和 TypeScript 代码，这将带来极快的编译速度。

与 Next.js 类似，Turbopack 不需要您导入 React 才能使用 JSX

- import React from 'react';
 
const Component = () => {
  return <div />
}

React 服务器组件允许您将某些组件声明为“服务器”组件，使您能够在 async 函数中运行后端代码。Next.js 13+ 带来了对它们的原生支持 (在新标签页中打开).

React 服务器组件对您的打包器施加了不寻常的限制。客户端和服务器代码的混合意味着您需要确保服务器代码不会编译到客户端，反之亦然。

Turbopack 从一开始就旨在解决这些问题 - 它开箱即用地支持 React 服务器组件。

首先，Turbopack 专注于为 Next.js 的开发服务器提供出色的体验。我们将其作为我们的初始目标，以展示 Turbopack 的能力。将来，我们希望 Turbopack 成为其他框架的低级引擎。

VueJS (在新标签页中打开) 和 Svelte (在新标签页中打开) 是非常受欢迎的框架，它们提供了世界一流的开发人员体验。

由于 Turbopack 处于测试阶段，因此我们专注于支持 Next.js 的开发服务器。这意味着现在 Vue 和 Svelte 无法开箱即用。

在未来的版本中，我们将通过插件支持 Vue 和 Svelte。