Discussion on: How Pros Get Rid of Relative Imports

[Tapajyoti Bose]

I think it works with React as well. Tried it in a Next.js project though

[TalOrlanczyk]

For react you need third party library

[Tapajyoti Bose]

I tested it right now, it's working with plain old react

[TalOrlanczyk]

weird I copy this exactly and the paths didn't work
the error:Module not found: Can't resolve '@models/tests' in '/Users/talorlanczyk/Projects/react-tests/my-app/src'
I would like you to show me the code on react please

[Tapajyoti Bose]

Add the following in webpack.config.js:

module.exports = {
    // ...
    resolve: {
        alias: {
            // path to your models
            '@models': path.resolve(__dirname, './src/models'),
        },
    }
}

Use yarn eject first if you are using create-react-app

[TalOrlanczyk]

Thanks,
But when i say you can't meant that you must do an additional step like eject to do this or use third party library
I think add this to your article will great for a lot of developers