angular - 在 Angular 4 应用程序中设置路径别名

Question

有什么方法可以使用 TypeScript 在 Angular 中设置路径别名 因为把路径放在

import { AuthService } from '../../../common/AuthService';
import { ContactService } from '../../../common/ContactService';

记住相对路径 URI 是非常困惑的。 有什么方法可以创建路径别名并在整个应用程序中使用它们，例如 browserify？

Answer 1

如果你使用 typescript，处理这个问题的最好方法是将路径配置放在项目的 tsconfig.json 中:

"baseUrl": "src",
"paths": {
  "@app/*": ["app/*"],
  "@env/*": ["environments/*"]
}

请引用以下文章中的第二点https://medium.com/@tomastrajan/6-best-practices-pro-tips-for-angular-cli-better-developer-experience-7b328bc9db81 , 或官方 ts 文档 https://www.typescriptlang.org/docs/handbook/module-resolution.html#base-url