Typescript – 配置项目别名Alias

2023-06-18 110 0

日常我们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"
    }
}

相关文章

Node – 请求提交参数大小超范围(Request Entity Too Large)

发布评论