Angular 7，创建导入批注（装饰器？）

Question

我不确定这些被称为什么，但我想为导入创建自定义注释。例如，我可以在项目的任何地方执行以下操作：

{siteroot}/index.html#admin/users/1023929

我正在谈论import { SomeComponent } from '@app/components/some.component'; 部分。无论我在哪个文件中，@app都会带我到@app文件夹。我该如何做自己的？

如果我在src/app中有一个文件，该如何创建一个注释project/foo/bar/myfile.ts的注释，无论它们在项目文件夹结构中的什么位置，该注释都会将它们带到“ bar”文件夹。 >

我希望能够做到这一点：

@bar

任何帮助将不胜感激。谢谢！

Answer 1

看起来您要执行的操作是提供一个可以从中导入代码的较短路径。

这可以通过TypeScript配置文件的paths属性（通常为tsconfig.json）来完成（有关paths属性的更多信息，请参见module resolution handbook）。 / p>

请参见下面的示例（请勿复制注释，因为它对于JSON文件而言是无效的语法）：

{
  // ...
  "paths": {
    "@app": [
      "./app"
    ],
    // Needed to resolve secondary paths
    "@app/*": [
      "./app/*"
    ]
  }
}