Use root paths for module imports in Angular

angular-root-path.md

Use root paths for module imports

Add your application source via paths in tsconfig.json

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

Use root path in project

Extend tsconfig.app.json baseUrl in projects/<projectname>/tsconfig.app.json

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "outDir": "../../out-tsc/app",
    "types": [],
    "baseUrl": "src",
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

Usage

import { environment } from '@env/environment';
import { ApiService } from '@app/core/services/http/api.service';