reactTS项目配置@别名

在tsconfig.json中配置路径别名：

1. 打开项目根目录下的

   1. tsconfig.json
   文件。

2. 在

   1. compilerOptions
   字段下添加以下两个属性：

"baseUrl": "./src",
"paths": {
  "@/*": ["*"]
}

• 1. baseUrl
  ：设置基本目录，即用于解析非相对模块名称的基本目录。

• 1. paths
  ：定义路径别名与实际路径之间的映射关系。在上述示例中，我们使用
  1. @/*
  作为路径别名，表示任何以
  1. @/
  开头的导入路径都将被映射到相应的文件或目录。

保存并关闭tsconfig.json文件。

现在，你可以在代码中使用@路径别名来导入模块了。例如：

import { Button } from '@/components/Button';
import { utils } from '@/utils';