javascript - 将 tsconfig 路径与 Angular 库一起使用？

Question

我正在创建一个 Angular 库，并在 tsconfig.lib.json 中添加了以下paths 配置:

  "compilerOptions": {
    "outDir": "../../out-tsc/lib",
    "target": "es2015",
    "declaration": true,
    "inlineSources": true,
    "types": [],
    "lib": [
      "dom",
      "es2018"
    ],
    "paths": {
      "@fs/*": ["src/lib/*"]
    }        
  }

但是尝试导入以下内容:

import { Test } from '@fs/Test'

不起作用。有人知道 Angular 库是否支持 tsconfig.lib.json 中的 hte paths 配置选项吗？

通常我使用typescript-transform-paths对编译结果执行路径转换，我希望Angular为库烘焙了类似的东西？

Answer 1

尝试在 tsconfig.json 文件中使用以下模式:

"paths": {
  "@services/*": ["app/path/to/services/*"],
  "@components/*": ["app/path/to/some/deeply/nested/component/*"],
  "@environments/*": ["environments/*"] 
},

然后导入时:

import { yourServiceClass } from "@services/yourServiceClass";