create-react-app:多环境变量

2021-01-10  本文已影响0人  Melody_28a2

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
上一篇 下一篇

猜你喜欢

热点阅读