最近研究了一下node环境变量小有所得，在react框架中可以实现配置不同命令运行或者打包不同的环境，想跟大佬们分享一下

一、第一步（安装插件）

npm install -g env-cmd

二、第二步（在根目录下面设置.env文件）

# 设置环境变量 REACT_APP_API_URL=http://172.21.10.18

三、第三步（在package.json文件配置运行和打包命令）

"scripts": { "start:development": "env-cmd -f .env.development react-scripts start", "start:production": "env-cmd -f .env.production react-scripts start", "build:development": "env-cmd -f .env.development react-scripts build", "build:production": "env-cmd -f .env.production react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" },

四、第四步（获取.env文件的环境变量）

五、第五步（配置成功的样子）