框架

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 處於測試階段，我們將支援重點放在 Next.js 的開發伺服器上。這表示目前 Vue 和 Svelte 無法開箱即用。

在未來的版本中，我們將透過外掛程式支援 Vue 和 Svelte。