TypeScript:如何不使用相对路径导入类？

Question

我目前正在使用 TypeScript 和 Angular2 开发 Electron 应用程序，为此我创建了许多不同的类，所有类都在单独的文件中。为了使我的应用程序的重构更容易，我希望在导入这些类时不必使用相对路径。
现在，要导入它们，我使用以下语法:import {Trigger} from './../../trigger/ts/trigger.component';
我想做的是使用如下语法:import {Trigger} from 'trigger.component';
那可能吗？

Answer 1

最好在 tsconfig.json 中使用以下配置

{
  "compilerOptions": {
    "...": "reduced for brevity",

    "baseUrl": "src",
    "paths": {
      "@app/*": ["app/*"],
      "@trigger/*": ["app/trigger/ts/*"]
    }
  }
}

对于您的情况，可以使用 import {Trigger} from '@app/trigger/ts/trigger.component'; 或 import {Trigger} from '@trigger/trigger .component'; 或您可以配置的任何级别的路径。