框架

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

React

Turbopack 开箱即用地支持 .jsx 和 .tsx 文件。我们使用 SWC 来编译您的 JavaScript 和 TypeScript 代码，这带来了极快的编译速度。

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

src/index.tsx

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

React 服务端组件允许您将某些组件声明为“服务端”组件，从而允许您在 async 函数内部运行后端代码。Next.js 13+ 为它们带来了一流的支持。

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

Turbopack 从头开始构建以解决这些问题 - 它开箱即用地支持 React 服务端组件。

首先，Turbopack 专注于为 Next.js 开发服务器提供出色的体验。我们以此作为最初的目标，以展示 Turbopack 的能力。未来，我们希望 Turbopack 充当其他框架的底层引擎。

Vue.js 和 Svelte 是非常流行的框架，可提供世界一流的开发者体验。

由于 Turbopack 处于 Beta 阶段，因此我们将支持重点放在 Next.js 的开发服务器上。这意味着目前，Vue 和 Svelte 无法开箱即用。

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