Недавно я переключился на использование путей 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"
]
}