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

最新推荐文章于 2024-07-25 11:55:44 发布

develop_csdn_LGQ

最新推荐文章于 2024-07-25 11:55:44 发布

阅读量653

点赞数

分类专栏： React Native 文章标签： react native

本文链接：https://blog.youkuaiyun.com/develop_csdn/article/details/121243095

版权

React Native 专栏收录该内容

4 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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