Avoiding relative paths in Angular CLI

by

Per this comment, you can add your application source via paths in tsconfig.json:

{
  "compilerOptions": {
    ...,  
    "baseUrl": ".",
    "paths": {
      ...,
      "@app/*": ["app/*"],
      "@components/*": ["components/*"]
    }
  }
}

Then you can import absolutely from app/ or components/ instead of relative to the current file:

import {TextInputConfiguration} from "@components/configurations";

Note: baseUrl must be specified if paths is.

See also

More Related Contents:

  1. How to bundle an Angular app for production
  2. How to add font-awesome to Angular 2 + CLI project
  3. How to decrease prod bundle size?
  4. angular-cli where is webpack.config.js file – new angular6 does not support ng eject
  5. Dynamically load HTML template in angular2
  6. Uncaught Error: Unexpected directive ‘MyComboBox’ imported by the module ‘AppModule’. Please add a @NgModule annotation
  7. How to undo Angular 2 Cli ng-eject?
  8. @types/googlemaps/index.d.ts’ is not a module
  9. How to get rid of the warning .ts file is part of the TypeScript compilation but it’s unused
  10. Angular 2 : No NgModule metadata found
  11. Using Angular CLI and unable to use relative image paths in CSS files
  12. How to generate components in a specific folder with Angular CLI?
  13. How do I pass data to Angular routed components?
  14. angular-cli server – how to proxy API requests to another server?
  15. Ionic 2 – global NavBar for the app
  16. How do I support Internet Explorer in an Angular 8 application?
  17. Angular: How to correctly implement APP_INITIALIZER
  18. Angular 2 – 2 Way Binding with NgModel in NgFor
  19. No provider for HttpClient
  20. How do I detect user navigating back in Angular2?
  21. Access environment variables in production build Angular 4
  22. How to call component method from service? (angular2)
  23. Angular2 – Setting date field on reactive form
  24. Cannot read property of ‘xxx’ of undefined
  25. Angular 6 does not add X-XSRF-TOKEN header to http request
  26. Angular – POST uploaded file
  27. How to pass multiple parameter to @Directives (@Components) in Angular with TypeScript?
  28. ERROR in TypeError: Cannot read property ‘flags’ of undefined
  29. Angular 4: How to read data from Excel?
  30. What is pipe for in RxJS?

Leave a Comment