У нас есть три окружения Dev, Staging и Prod.Сборка Create-реагировать на приложения вполне подходит для всех трех сред, но единственное, что изменяется во время сборки, - это переменная среды для конечной точки API.
Мы используем конвейер Jenkins для процесса сборки и выводим выходные данные.в S3 Bucket единственная проблема этого процесса заключается в том, что мы должны делать отдельную сборку для каждой среды, хотя все одинаково, за исключением этой переменной среды API.Это занимает значительное количество времени.
Итак, я могу перейти от скомпилированной переменной среды к среде выполнения.Я наткнулся на это .Но я не знаю, как это сделать, будучи новичком в Jenkins и AWS
Наша структура папок выглядит следующим образом
Project
|---mocks
|---static
|---index.html
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React APP</title>
</head>
<body>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>