expo cli创建的react native项目配置环境变量

package.json:

{
  "name": "m-app2",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "cross-env REACT_APP_MODE=test expo start",
    "start2": "cross-env REACT_APP_MODE=prod expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@rneui/base": "^4.0.0-rc.1",
    "@rneui/themed": "^4.0.0-rc.1",
    "axios": "^0.26.1",
    "cross-env": "^7.0.3",
    "expo": "~44.0.0",
    "expo-status-bar": "~1.2.0",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-native": "0.64.3",
    "react-native-root-toast": "^3.3.0",
    "react-native-safe-area-context": "^4.2.4",
    "react-native-vector-icons": "^9.1.0",
    "react-native-web": "0.17.1"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9"
  },
  "private": true
}

app.config.js:

export default {
  name: 'CoolApp',
  version: '1.0.0',
  extra: {
    REACT_APP_MODE: process.env.REACT_APP_MODE,
  },
};

config.js:

import Constants from 'expo-constants'

const baseURL = {
  dev: 'http://10.3.138.173:81',
  test: 'http://10.3.138.173:81',
  prod: 'http://39.97.238.175:81'
}[Constants.manifest.extra.REACT_APP_MODE]

console.log(666, process.env)

export { baseURL }

posted @ 2022-04-07 11:11  徐同保  阅读(3)  评论(0编辑  收藏  举报  来源