react项目中不同环境的环境变量引入

1. 使用create-react-app 生成一个项目， npm run eject 把配置文件暴露出来。
2. 我们项目常常需要不同的环境使用不同的环境变量值，比如项目的api请求地址，一般都是开发 测试 生产，不同的环境有不同的=地址。此时比较方便的是写到环境变量中。
3. 根据项目需要新建不同的环境变量文件：
4. 在不同的环境变量文件中，写上环境变量不同的值。如何在文件中引用不同的换环境变量需要借助package.json文件
   "scripts": { "start": "node scripts/start.js", "build": "node scripts/build.js", "build-staging": "env-cmd -f .env.staging node scripts/build.js", "test": "node scripts/test.js", "lint": "prettier --single-quote --write src/**/*{js,jsx,ts,tsx,json,css,scss,md} && tsc", "eslint-validate": "eslint --ext .ts,.tsx,.js,.jsx src", "eslint-validate-no-warn": "eslint --ext .ts,.tsx,.js,.jsx src --quiet" },
   打包文件的时候yarn build 执行之后引用的环境变量是.env 文件， yarn build-staging 打包呢文件执行的环境变量文件是 .env.staging， 项目中用到环境变量的部分，则会去使用相应变量，需要注意的是react项目中自定义环境变量 环境变量开头需要REACT_APP_xxx，否则读不出来。