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

Angular/Typescript tsconfig.json configure path alias with multiple paths