集中管理导入路径

【问题标题】：Centralised place to manage import paths集中管理导入路径
【发布时间】：2017-05-23 14:07:17
【问题描述】：

我正在寻找一种在 Angular 2.0 中管理导入路径的方法。我宁愿配置一次，然后像变量一样调用它。例如

import { ProductService } from Paths.Product.ProductService;

这允许我移动类的文件夹位置并在应用程序中进行另一项更改。

有这样的东西吗？

谢谢

【问题讨论】：

标签： angular

【解决方案1】：

您可以在tsconfig.json 中使用paths 属性：

{
  "compilerOptions": {
    ...
    "baseUrl": ".",
    "paths": {
      "@Product/*": ["./path/to/product/*"]
    },
    "rootDir": "."
  }
}

然后您可以导入/path/to/product 文件夹中的任何文件，例如：

import { ProductService } from '@Product/service';

如果你想改变你的路径，你只需要在 tsconfig 中编辑它

【讨论】：