typescript - Visual Studio 2019 使用相对路径导入 TS 文件，而不是使用 tsconfig 文件中的“路径”别名

Question

我最近切换到使用允许我编写的 TS 路径

import { DateService } from "@services/date.service";

代替

import { DateService } from "../../../../services/date.service";

VS 可以理解这些路径，webpack 也可以。但是，当我使用 Visual Studio 2019 通过操作菜单创建导入时，它总是使用相对路径添加新导入，而不是使用 TypeScript 路径别名。

如何让 VS 使用路径别名创建新的导入引用？

TS 配置：

    "compileOnSave": true,
    "compilerOptions": {
        "allowSyntheticDefaultImports": true,
        "baseUrl": ".",
        "experimentalDecorators": true,
        "lib": [ "es2015", "dom" ],
        "module": "commonjs",
        "moduleResolution": "node",
        "noEmit": true,
        "noImplicitAny": false,
        "paths": {
            "@services/*": [ "./src/app/services/*" ],
            "@interfaces/*": [ "./src/app/interfaces/*" ],
            "@directives/*": [ "./src/app/directives/*" ],
            "@enums/*": [ "./src/app/enum/*" ]
        },
        "preserveConstEnums": true,
        "removeComments": true,
        "sourceMap": true,
        "strictNullChecks": false,
        "target": "es5",
        "typeRoots": [
            "node_modules/@types"
        ],
        "types": [ "node" ]
    },
    "include": [ "./src/**/*.ts" ],
    "files": [
        "./src/app/bootstrap.ts"
    ]
}

标签： typescriptvisual-studiovisual-studio-2019