deprecated-with-module-resolver
deprecated-with-module-resolver copied to clipboard
Conflict with alias
I have alias, add your code, alias not working
alias: { '@app/': './app/', '@app/icons': './app/assets/icons', '@app/images': './app/assets/images', '@app/theme': './app/theme', '@app/components': './app/components', '@app/components/': './app/components/', '@app/models': './app/models', '@app/navigation': './app/navigation', '@app/config': './app/config', '@app/context': './app/context', '@app/graphql': './app/graphql', '@app/constants': './app/constants', '@app/layout': './app/layout', '@app/screens': './app/screens', '@app/services': './app/services', '@app/types': './app/types', '@app/utils': './app/utils', '@app/use-hooks': './app/use-hooks', '@app/use-hooks/': './app/use-hooks/', '@app/assets': './app/assets', "test": "./test", "underscore": "lodash", '@app/lib': './app/lib', '@app/lib/': './app/lib/', }
you could read babel-plugin-module-resolver docs. Probably the example below would suffice for the alias?
module.exports = {
plugins: [
["module-resolver", {
alias: {
'@app/': './app/',
'@app/icons': './app/assets/icons',
'@app/images': './app/assets/images',
'@app/theme': './app/theme',
'@app/components': './app/components',
'@app/components/': './app/components/',
'@app/models': './app/models',
'@app/navigation': './app/navigation',
'@app/config': './app/config',
'@app/context': './app/context',
'@app/graphql': './app/graphql',
'@app/constants': './app/constants',
'@app/layout': './app/layout',
'@app/screens': './app/screens',
'@app/services': './app/services',
'@app/types': './app/types',
'@app/utils': './app/utils',
'@app/use-hooks': './app/use-hooks',
'@app/use-hooks/': './app/use-hooks/',
'@app/assets': './app/assets',
"test": "./test",
"underscore": "lodash",
'@app/lib': './app/lib',
'@app/lib/': './app/lib/',
},
resolvePath(sourcePath, currentFile, opts) {
if(opts.alias.hasOwnProperty(sourcePath)){
return opts.alias[sourcePath];
}
return undefined;
}
}]
]
}
instead of returning undefined you could return this:
let resolve = require('babel-plugin-module-resolver').resolvePath(sourcePath, currentFile, opt);
return resolve;
This resolve the issue with aliases