TypeScript

Turbopack 原生支持 TypeScript (在新标签页打开)。这意味着您可以使用 Turbopack 导入 .ts 文件。我们支持 TypeScript 的所有功能集。

得益于我们的 JSX 支持，您还可以导入 .tsx 文件。

解析 paths 和 baseUrl

在 TypeScript 中，您可以使用 paths (在新标签页打开) 属性 tsconfig.json 来让您从自定义路径导入文件。

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

这将允许您直接从 app/* 导入，而无需进行相对导入。

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

Turbopack 读取 paths 和 baseUrl 在 tsconfig.json 中以解析这些路径，就像 Next.js 一样。

这意味着您只需要在一个地方配置您的绝对路径。

类型检查

Turbopack 不会对您的应用程序执行类型检查。我们使用 SWC (在新标签页打开) 来编译 TypeScript 代码，它也不会执行类型检查。

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