日常我们code时,大多数人习惯喜欢使用@/path/file导入文件,而不是../../../path/file的方式导入。
在Typescript中配置Alisa
打开 tsconfig.json 文件,添加以下键值对
{
"compilerOptions":{
"baseUrl": ".", // 定义基本的引用路径
"paths": {
"@/*": ["./src/*"], // 将目录src定义别名为: @/
"@/config": ["./src/config"], // 指定具体目录
},
}
}
Typescript项目打包将Alisa输出为绝对路径
配置过 alisa,我们在使用 tsc --build 后直接使用 node命令运行时,会出现以下报错:

因为node无法直接解析@别名路径,那么我们需要在打包 tsc --build后,将别名转换为绝对路径
添加包:npm i tsc-alias --save-dev
在tsc --build命令后增加tsc-alias
{
"scripts": {
"build": "tsc --build && tsc-alias"
}
}