框架

Turbopack 计划为多种框架提供一流的支持，无论你使用的是 Svelte、React,、Vue.js 或其它框架，我们希望都能为你提供卓越的开发体验。

React

Turbopack 支持 .jsx 和 .tsx 代码开箱即用。通过使用 SWC 编译 JavaScript 和 TypeScript 代码，以获取超快的编译体验。

与 Next.js 相似的是，Turbopack 不需要你单独在 JSX 引入 React：

src/index.tsx

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

React 服务端组件需要你声明部分组件为「服务端」组件，这样你就能在 async 函数内运行后端代码。Next.js 13 为 React 服务端组件提供了优秀的支持。

React 服务端组件对构建工具有一些非常见的强制性约束。将服务端和客户端代码混合，意味着你需要保证服务端的代码不会编译为客户端的代码，反之亦然。

Turbopack 一开始就解决了这些痛点，因此可以开箱即用 React 服务端组件。

Turbopack Alpha 版本主要为 Next.js 的开发服务器提供卓越的体验，这是我们对 Turbopack 的最初愿景。我们希望 Turbopack 在未来能够称为其它框架的底层引擎。

因此，Turbopack 计划将支持 Next.js 的所有功能。

目前尚不支持 next/dynamic。但是，我们计划在不久之内能够原生支持。

VueJS 和 Svelte 都是特别知名的框架，为全世界开发者提供了出色的开发体验。

由于 Turbopack 正处于 alpha 阶段，目前只用于 Next.js 的开发服务器，也就是说目前 Vue 和 Svelte 还不能够直接使用。

在未来的版本，我们将计划以插件的形式支持这两个框架。