Angular/Typescript tsconfig.json 配置多个路径的路径别名

Question

I configured some path alias in my tsconfig.json and they works fine:

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

What I need now is to configure another path alias with multiple paths. Should be something similar to this:

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

The problem is when I import from @app/ab because I can see only classes declared in src/app/test-a/a . Is there a possibile solution to achieve this?

Answer 1

You could make an 'index.ts' file where you export "src/app/test-a/a", "src/app/test-b/b". And then refer to the index file.

// 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"]
...

OR

Add the folders instead of the files

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

But then everything within 'test-a' and 'test-b' will also be exposed via that path.