reactTS项目配置@别名
电脑版发表于：2023/9/18 10:52
在tsconfig.json中配置路径别名：
打开项目根目录下的
tsconfig.json文件。在
compilerOptions字段下添加以下两个属性：
"baseUrl": "./src",
"paths": {
"@/*": ["*"]
}baseUrl：设置基本目录，即用于解析非相对模块名称的基本目录。paths：定义路径别名与实际路径之间的映射关系。在上述示例中，我们使用@/*作为路径别名，表示任何以@/开头的导入路径都将被映射到相应的文件或目录。
保存并关闭tsconfig.json文件。
现在，你可以在代码中使用@路径别名来导入模块了。例如：
import { Button } from '@/components/Button';
import { utils } from '@/utils';