react中设置环境变量安装插件 npm install --save-dev cross-env package.js

安装插件

npm install --save-dev cross-env

package.json文件配置

  "scripts": {
    "start": "craco start",
    "build": "craco build",
    "start:demo": "cross-env REACT_APP_ENV=demo craco start",
    "dev": "cross-env REACT_APP_ENV=dev craco start",
    "test": "cross-env REACT_APP_ENV=test craco build",
    "eject": "react-scripts eject"
  },
  //如果使用的是react-scripts可将craco替换

process.env.REACT_APP_ENV 读取参数

npm run start:demo 本地启动项目 process.env.REACT_APP_ENV = demo
npm run dev 本地启动项目 process.env.REACT_APP_ENV = dev
npm run test 打包项目 process.env.REACT_APP_ENV = test