Let’s save some time in the long term by configuring our project so that we can import things without writing

Before

Before

After

After

• The first step is to install babel-plugin-module-resolver

The first step is to install babel-plugin-module-resolver

Copy to Clipboard
npm install –save-dev babel-plugin-module-resolver<br /> or<br /> yarn add –dev babel-plugin-module-resolver

• after that, it’s time to configure our project

after that, it’s time to configure our project

Copy to Clipboard
module.exports = {<br /> presets: [‘module:metro-react-native-babel-preset’],<br /> plugins: [[<br /> require.resolve(‘babel-plugin-module-resolver’),<br /> {<br /> cwd: ‘babelrc’,<br /> extensions: [‘.ts’, ‘.tsx’, ‘.js’, ‘.ios.js’, ‘.android.js’],<br /> alias: {<br /> ‘@src’: ‘./src’,<br /> ‘@assets’: ‘./src/assets’,<br /> ‘@components’: ‘./src/Components’,<br /> }<br /> }<br /> ],<br /> ‘jest-hoist’<br /> ] };<br />

• after that look for tsconfig.json  file and add code shown in below in compiler options section

after that look for tsconfig.json  file and add code shown in below in compiler options section

coque telephone toulouserazor phone 2 caseself bar prowhose phone number is this canadabasics

Copy to Clipboard
“baseUrl”: “./”,<br /> “paths”: {<br /> “@src/*”: [“src/*”],<br /> “@assets/*”: [“src/*/assets/*”],<br /> },<br />

• after that look for the tsconfig.json file and add code shown below in compiler options section

after that look for the tsconfig.json file and add code shown below in compiler options section

And Now you are done , Just restart your build and you are good to go