Absolute import in create-react-app
Ashirbad Panigrahi
Posted on March 26, 2022
Want to get rid of the annoying, long, boring import statements in react?
import {Card} from './../../components/Card';
Just create a jsconfig.json
file in your projects root directory and the following code
{
"compilerOptions": { "baseUrl": "src" },
"include": ["src"]
}
Yaa it is that much simple to do now you can go into your file and replace the previous code with
import {Card} from 'components/Card';
Make sure you restart the server after creating the
jsconfig.json
file
Now do you want create
jsconfig.json
file all of your projects in more efficient way?Then Open up your project root directory in the terminal and run
npx react-jsconfig
It will automatically generate the
jsconfig.json
file for you
💖 💪 🙅 🚩
Ashirbad Panigrahi
Posted on March 26, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.