DEV Community

How to improve imports in your code

Rafael Sant'Ana on July 13, 2021

Hello, there! After a while without new posts, I decided to come back with a really useful tip to simplify your code and reduce repetition. Have ...

Read full post

Rahul kumar • Jul 13 '21

You can do much better, read more about jsconfig and tsconfig

Rafael Sant'Ana • Jul 13 '21

With tsconfig paths ?

Anguram Shanmugam • Jul 13 '21

you can use decorators also you need to import files in your index.{js,ts}

watch this: youtube.com/shorts/WpgZKBtW_t8?fea...

Rafael Sant'Ana • Jul 13 '21

thaaanks

Rahul kumar • Jul 13 '21

Learn on your own!

Anguram Shanmugam • Jul 13 '21

oh c'mon 😂

Is Dev.to your app to say a comment like this ¯\(ツ)/¯

Rahul kumar • Jul 13 '21

Be little bit more clear ¯\(ツ)/¯

Furkan KAYA • Jul 15 '21

You can shorten the path with that, but this is not about that.

Mohammed Almajid • Jul 14 '21 • Edited

You can make it much better

I use Typescript all the time and in my tsconfig I set my paths

        "paths": {

            "@core/*": ["src/core/*"],
            "@types/*": ["src/core/types/*"],
            "@config/*": ["src/core/config/*"],
            "@models/*": ["src/models/*"],
            "@middleware/*": ["src/middleware/*"],
            "@controllers/*": ["src/controllers/*"]
        }

but in my application i have to use tsconfig-paths package

so if i want to import files from controllers i do

import { something} from "@controllers/"

resources
npmjs.com/package/tsconfig-paths
typescriptlang.org/docs/handbook/m...
stackoverflow.com/questions/432817...

correct me if I missed something

Anguram Shanmugam • Jul 13 '21

neat & clean 🤓

Wilhelm Erasmus • Jul 16 '21

How does this affect treeshaking though?