create-react-app:多环境变量

1.使用cross-env配置多环境变量

#安装 
npm i cross-env -D

2.在项目根目录下创建多环境文件:.env.development ,.env.production ,.env.uat...
环境变量文件中的变量必须以:REACT_APP_开头

image.png

3.配置package.json命令

"scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js",
    "uat": "cross-env REACT_APP_ENV=uat node scripts/build.js"
  }

4.在项目中使用:

process.env.REACT_APP_XXX

你可能感兴趣的:(create-react-app:多环境变量)