角度 7，创建导入注释(装饰器?

Question

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

import { SomeComponent } from '@app/components/some.component';

我说的是@app部分。 无论我在什么文件中，@app都会将我带到src/app文件夹。我如何制作自己的？

如果我在 project/foo/bar/myfile.ts 中有一个文件，我如何创建一个注释，说明@bar，无论它们在项目文件夹结构中的哪个位置，都可以将它们带到"bar"文件夹。

我希望能够做到这一点：

import { MyFile } from '@bar/myfile';

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

Answer 1

看起来您要做的是有一个更短的路径，您可以从中导入代码。

这可以使用 TypeScript 配置文件的 paths 属性(通常为 tsconfig.json (来完成(有关 paths 属性的更多信息，请参阅模块解析手册(。

有关示例，请参见下文(P.s. 不要复制注释，因为它是 JSON 文件的无效语法(：

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