在 Angular 庫中使用 tsconfig 路徑？

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";