reactjs - 根据分支名称环境变量构建 react 项目
问题描述
在我的项目中,我有许多 git 分支名称(dev、test、stage ....),我正在使用 Docker 构建我的 React 应用程序,并使用 Jenkins 来部署它。
我想要的是根据我当前的分支名称指定我的 REACT_APP_BASE_URL 因为我有几个基本 URL,例如(https://abc.dev.example,https://abc.test.example ..),我想要运行匹配的名称。
我所做的是:
- 创建 .env.dev : REACT_APP_BASE_URL= ' https://abc.dev.example '
- 创建 .env.production : REACT_APP_BASE_URL= ' https://abc.production.example '
- 创建 .env.test : REACT_APP_BASE_URL= ' https://abc.test.example '
- npm install env-cmd --save
我的脚本:
"start": "env-cmd -f .env.dev react-app-rewired start",
"build": "react-app-rewired build",
"build:develop": "env-cmd -f .env.dev react-app-rewired build",
"build:test": "env-cmd -f .env.test react-app-rewired build",
"build:demo": "env-cmd -f .env.demo react-app-rewired build",
它总是在文件中寻找所有分支的 url,.env.production
因为它在构建过程中考虑了生产,那么我该如何解决呢?
有任何想法吗?
解决方案
推荐阅读
- java - 如何从 Youtube Api 获取频道 ID?它显示此错误“JSONException:channelId 没有值”
- kubernetes - Kubernetes MutatingWebhookConfiguration 创建其他对象
- python - 将确认弹出窗口添加到 Flask 表单
- python - Python中基于pct_change的一列的groupby和反向计算
- php - Symfony Doctrine 实体概述
- javascript - 如何通过 WebBrowser 将 javascript 变量传递给 C#
- angular - 类型'可观察的
' 缺少来自类型 'Promise 的以下属性 - html - 轮播指示器不起作用。我不知道为什么
- r - 如何计算 r 中李克特型响应的累积比例?
- javascript - 简洁地从另一个属性与搜索匹配的对象数组中获取一个对象属性