在角度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/*"]
}

请参阅以下文章中的第2点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