如何将相对导入转换为绝对角度6？

Question

如何将角度6中的相对导入转换为绝对导入？

例如

使environments/environment代替

 ../../../../environments/environment

Answer 1

这实际上是针对TypeScript的,不一定是Angular.以下是您需要tsconfig.json在项目根目录中添加到文件中的示例:

{
  // Other TS options here
  "compilerOptions": {
    // more stuff is usually here
    "paths": {
      "@constants/*": ["./app/constants/*"],
      "@components/*": ["./app/components/*"],
      "@directives/*": ["./app/directives/*"],
      "@env/*": ["./environments/*"],
      "@models/*": ["./app/models/*"],
      "@services/*": ["./app/services/*"],
      "@states/*": ["./app/state-management/*"]
    }
  },
  // ...other stuff can be here too
}

然后,您将能够在特定的文件/组件中执行此操作:

import { LoggerService } from '@services/logger/logger.service';