美文网首页
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