React Native 多环境配置

874 阅读1分钟

本文已参与【新人创作礼】活动,一起开启掘金创作之路。

React Native 多环境配置

这里是用的 react-native-config 来处理多环境配置问题

  1. 安装

对于 react native 版本大于 0.60 的安装完毕之后,需要在 根目录新建对应的 env文件,这里已 Mac为例,不同开发平台配置可能不太一样,详见官方文档,这里不做详述。

  • 首先在 package.josn 中添加如下配置

  "android:development": "ENVFILE=.env.development react-native run-android",

  1. android配置

anroid/app/build.gradle 中配置如下

// 在外层
 project.ext.envConfigFiles = [
    dev: ".env.development"
]

anroid/app/build.gradle 添加规则

defaultConfig {
    // ... other
    resValue "string", "build_config_package", "com.frontend"
    // ... other
}

anroid/app/build.gradle 尾部添加

apply from: project(':react-native-config').projectDir.getPath() +"/dotenv.gradle"
  • 运行测试
  npm run android:development // 运行
  • 输出

image.png

  1. ios 配置 待更新