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";

```

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容