babel-plugin-module-resolver
这个插件允许设置一个自定义别名目录,是一个Babel模块解析插件。
安装方式:npm install --save-dev babel-plugin-module-resolver
然后配置项目根目录的babel.config.js文件:
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
[
'module-resolver',
{
root: ['./'],
alias: {
xxxxxx: './src/utils/xxxxxxx',
},
},
],
],
}
这个plugins有很多个可配属性:
root:一个字符串或根目录的数组。
alias:别名的配置。
extensions:解析器中使用的扩展数组。