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' 中的所有内容也将通过该路径公开。