TypeScript

Turbopack 開箱即支援 TypeScript。這表示您可以使用 Turbopack 導入 .ts 檔案。我們支援 TypeScript 的所有功能。

由於我們支援 JSX，您也可以導入 .tsx 檔案。

解析 paths 和 baseUrl

在 TypeScript 中，您可以使用 tsconfig.json 的 paths 屬性，讓您從自訂路徑導入檔案。

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
        "app/*": ["app/*"],
        "config/*": ["app/_config/*"],
        "shared/*": ["app/_shared/*"],
    },
  }
}

這會讓您直接從 app/* 導入，而無需進行相對導入

- import { add } from '../../../../../math';
+ import { add } from 'app/math';
 
add();

Turbopack 會讀取 tsconfig.json 中的 paths 和 baseUrl，以解析這些路徑，就像 Next.js 一樣。

這表示您只需要在一個地方設定絕對路徑。

類型檢查

Turbopack 不會對您的應用程式執行類型檢查。我們使用 SWC 來編譯 TypeScript 程式碼，而它也不會執行類型檢查。

這表示為了執行您的類型檢查，您需要執行一個 sidecar 程序 tsc --watch。或者，您可以依賴 IDE 的 TypeScript 整合。