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

package.json:

1.  
   {
2.  
   "name": "m-app2",
3.  
   "version": "1.0.0",
4.  
   "main": "node_modules/expo/AppEntry.js",
5.  
   "scripts": {
6.  
   "start": "cross-env REACT_APP_MODE=test expo start",
7.  
   "start2": "cross-env REACT_APP_MODE=prod expo start",
8.  
   "android": "expo start --android",
9.  
   "ios": "expo start --ios",
10.  
    "web": "expo start --web",
11.  
    "eject": "expo eject"
12.  
    },
13.  
    "dependencies": {
14.  
    "@rneui/base": "^4.0.0-rc.1",
15.  
    "@rneui/themed": "^4.0.0-rc.1",
16.  
    "axios": "^0.26.1",
17.  
    "cross-env": "^7.0.3",
18.  
    "expo": "~44.0.0",
19.  
    "expo-status-bar": "~1.2.0",
20.  
    "react": "17.0.1",
21.  
    "react-dom": "17.0.1",
22.  
    "react-native": "0.64.3",
23.  
    "react-native-root-toast": "^3.3.0",
24.  
    "react-native-safe-area-context": "^4.2.4",
25.  
    "react-native-vector-icons": "^9.1.0",
26.  
    "react-native-web": "0.17.1"
27.  
    },
28.  
    "devDependencies": {
29.  
    "@babel/core": "^7.12.9"
30.  
    },
31.  
    "private": true
32.  
    }

app.config.js:

1.  
   export default {
2.  
   name: 'CoolApp',
3.  
   version: '1.0.0',
4.  
   extra: {
5.  
   REACT_APP_MODE: process.env.REACT_APP_MODE,
6.  
   },
7.  
   };

config.js:

1.  
   import Constants from 'expo-constants'
2.  
    
3.  
   const baseURL = {
4.  
   dev: 'http://10.3.138.173:81',
5.  
   test: 'http://10.3.138.173:81',
6.  
   prod: 'http://39.97.238.175:81'
7.  
   }[Constants.manifest.extra.REACT_APP_MODE]
8.  
    
9.  
   console.log(666, process.env)
10.  
     
11.  
    export { baseURL }

这篇好文章是转载于：学新通技术网