What is babel plugin module resolver || How to use Babel Module Resolver || What does Babel plugin Import do? || What is Babel config js in react native?
|| How do I use alias in react native? || What does Babel node do? || How do I use Babelrc file? || babel-plugin-module-resolver | Yarn - Package Manager || Babel module resolver doesn't work as expected || Why You Should Use Babel Resolvers || babel-plugin-module-resolver examples || What is babel || where we use babel plugin module resolver || How to set path aliases in react native || set path in aliases in react native || what is babel and where do we use || how to set short path in react native || how to set path in react native || how to set decorator in react native || babel plugin module resolver in hindi
|| How To Use Path Aliases with React Native and VS Code || Alias in React Native || Using Module Aliases in React and React Native || How to configure import alias in React Native || How to setup module resolution and path aliases with React || How to configure import alias in React Native || Custom Aliases in React Native with Babel || Babel module resolver not working with react-native ||
#babelpluginModuleResolver
#WhatIsBabelPluginModuleResolver
#Howdousebabelpluginmoduleresolverinreactnative
#Babel-Plugin-module-resolver
#Babel-Plugin-module-resolverInHindi
inside babel.config.js file :-
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
[
'module-resolver',
{
root: ["."],
extensions: [
'.ts',
'.tsx',
'.jsx',
'.js',
'.json',
'.svg',
'.jpg'
],
alias: {
'@components': './src/components',
'@interfaces': './src/interfaces',
'@routes': './src/routes',
'@screens': './src/screens',
'@stores': './src/stores',
'@styles': './src/styles',
},
}
]
]
};
inside tsconfig.json file:-
"baseUrl": "./",
"paths": {
"*": ["./src/*"],
"@components": ["./src/components"],
"@interfaces": ["./src/interfaces"],
"@routes": ["./src/routes"],
"@screens": ["./src/screens"],
"@stores": ["./src/stores"],
"@styles": ["./src/styles"],
},
