DEV Community

Gaëtan Redin
Gaëtan Redin

Posted on • Originally published at Medium on

Simplify Typescript import

#path #import #config #typescript

Simplify TypeScript import

How to save your time using imports?

Hey, I’m sure you have already done something like:

import { MyService } from '../../../../../core/services/my-service.service';
Enter fullscreen mode Exit fullscreen mode

Um, not sexy right?

But there is an easy solution to solve this.

Just open your tsconfig.app.json, and add paths option like this in the compilerOptions:

{
    ...
    "compilerOptions": {
        ...
        "paths": {
            "@core/*": ["src/app/core/*"],
            "@environments/*": ["src/environments/*"],
            "@feature1/*": ["src/app/feature1/*"],
            "@feature2/*": ["src/app/feature2/*"],
            ...
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

You can write as many as you want and the result will be:

import { MyService } from '@core/services/my-service.service';
Enter fullscreen mode Exit fullscreen mode

No matter where you import it now, you will have this to write.

Thanks for reading.

Learn More.

Angular for everyone: All about it

Top comments (1)

Collapse
 
kevindoran23 profile image
KevinDoran23 •

you have posted really informative and valuable article . that will more beneficial for me i appreciate your work . पति पत्नी को अलग करने का टोटका