react项目中设置环境变量（cross-env+react）

react项目中设置环境变量（cross-env）
cross-env官网
安装：

npm install --save-dev cross-env

在package.json文件中添加启动脚本命令

  "scripts": {
    "start": "react-scripts start",
    "start:development": "cross-env REACT_APP_ENV=development react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

点击侧边栏的右上角的三个点，即可设置npm快捷运行按钮，无需输入命令

下面在App.js内验证所设置的环境变量是否生效：

function App() {
  if (process.env.REACT_APP_ENV == "development") {
    console.log("我是development");
  }
  return process.env.REACT_APP_ENV;
}
export default App;