美文网首页
create-react-app:多环境变量

create-react-app:多环境变量

作者: Melody_28a2 | 来源:发表于2021-01-10 11:33 被阅读0次

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:多环境变量

      本文链接:https://www.haomeiwen.com/subject/tgnhaktx.html