Angular/Typescript tsconfig.json 配置多個路徑的路徑別名

Question

我在tsconfig.json配置了一些路徑別名，它們工作正常：

"paths": {
  "@app/models": ["src/app/app.models"],
  "@app/routing": ["src/app/app-routing.module"],
  "@app/routing/*": ["src/app/routing/*"]
}

我現在需要的是用多個路徑配置另一個路徑別名。 應該是類似的東西：

"@app/ab": ["src/app/test-a/a", "src/app/test-b/b"]

問題是當我從@app/ab導入時，因為我只能看到src/app/test-a/a聲明的類。 有沒有可能的解決方案來實現這一目標？

Answer 1

您可以制作一個“index.ts”文件，在其中導出“src/app/test-a/a”、“src/app/test-b/b”。 然后參考索引文件。

// src/app/test-index.ts

export * from 'src/app/test-a/a';
export * from 'src/app/test-b/b';

// tsconfig.json

...
"@app/ab": ["src/app/test-index.ts"]
...

或者

添加文件夾而不是文件

"@app/ab/*": ["src/app/test-a/*", "src/app/test-b/*"]

但隨后 'test-a' 和 'test-b' 中的所有內容也將通過該路徑公開。