reactTS项目配置@别名

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

1. 打开项目根目录下的tsconfig.json文件。

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

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

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

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

保存并关闭tsconfig.json文件。

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

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