配置导入的默认路径

Question

我正在使用Angular CLI，并希望配置我的导入路径，例如

import { NgModule } from '@angular/core';

所以我不写

import { NgModule } from '../../../node_modules/@angular/core';

制造自己的默认路径的方法是什么？这样我就可以这样导入这样的服务，例如

 import { MyService } from '@services';

Answer 1

在tsconfig.json中，您可以像这样配置打字稿编译器：

"baseUrl": "./src",
"paths": {
  "@Services/*": [
    "app/services-folder/*" //All services files inside this services-folder
  ]
}

然后您可以使用您的服务

import { MyService } from '@Services/my.service'; //my.service.ts inside services-folder