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 代码，它也不执行类型检查。

这意味着为了运行你的类型检查，你需要一个运行 tsc --watch 的 sidecar 进程。或者，你可以依赖你的 IDE 的 TypeScript 集成。