ts配置路径映射

作者：System 时间：2024年08月10日分类：所有,typescript 字数：585

在TypeScript中，配置路径映射可以使用tsconfig.json文件中的paths和baseUrl选项。这使得你可以在TypeScript代码中使用简短的路径来引用模块，而不用写出完整的相对路径。

下面是一个tsconfig.json的配置示例，其中配置了路径映射：




{
  "compilerOptions": {
    "baseUrl": ".", // 设置基础路径为项目根目录
    "paths": {
      "@/*": ["src/*"] // 表示src目录下的所有文件可以通过@/来访问
    }
  }
}

在这个配置中，如果你有一个文件位于src/helpers/util.ts，你可以在其他TypeScript文件中通过路径@/helpers/util来导入这个文件，而不是使用相对路径或绝对路径。

例如，在一个TypeScript文件中，你可以这样导入：




import { someFunction } from '@/helpers/util';

这样，无论你的项目结构如何变化，你只需要修改tsconfig.json中的paths配置，其他地方的导入语句就不需要改变。