2023-12-28 tsconfig path

TSConfig文件中的"paths"选项用于重新映射导入，以便相对于"baseUrl"或tsconfig文件本身进行查找。这意味着"paths"允许您声明TypeScript应该如何解析导入的路径。

以下是一个示例，假设您有以下文件结构：

```

src

├── app

│  ├── index.ts

│  └── utils

│      └── helper.ts

tsconfig.json

```

在tsconfig.json中，您可以这样配置"paths"：

```json

{

  "compilerOptions": {

    "baseUrl": ".",

    "paths": {

      "@app/*": ["app/*"],

      "@utils/*": ["app/utils/*"]

    }

  }

}

```

在这个示例中，我们将"baseUrl"设置为当前目录（.），然后使用"paths"将导入路径重新映射到相对于"baseUrl"的位置。这样，您就可以在代码中使用这些路径别名来导入模块，而不必担心相对路径的复杂性。

例如，您可以这样导入模块：

```typescript

import { helper } from "@utils/helper";

import { something } from "@app/index";

```

这样做可以使代码更易于维护和阅读，同时减少了相对路径的混乱和错误。