RN解决部分文件要使用某个配置时其引用路径比较长

最新推荐文章于 2025-06-11 09:13:31 发布

原创最新推荐文章于 2025-06-11 09:13:31 发布 · 674 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react native

React Native 专栏收录该内容

4 篇文章

订阅专栏

babel-plugin-module-resolver是一个Babel插件，允许开发者设置自定义的别名目录，简化模块导入路径。安装后，在babel.config.js中配置root和alias，例如将'xxxxxx'映射到'src/utils/xxxxxxx'。该插件的配置还包括extensions等选项，方便扩展解析。

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',
        },
      },
    ],
  ],
}