Implementerade en enkel config fil som förändras beroende på miljövariabeln "REACT_APP_ENV", React låter en inte ändra NODE_ENV av någon anledning. Se configs.js för nuvarande variabler. Började med att ha API adressen som en variabel. Om ni hittar en global variabler som antingen är statisk eller som förändras beroende på miljö, så lägg in den i configs.js!
Tänk på att "development" är standard. Vilket betyder att en variabel definierad i "development" samt en annan miljö skriver över den originella definitionen i "development". På så sätt slipper man repetera variabler som förblir samma i olika miljöer.
För att ändra miljö, kör följande i konsolen:
set "REACT_APP_ENV=production" && npm start
För att använda en variabel från konfigurationen, importera filen, och läs variabeln:
import config from 'xxx/config';
...
console.log(config.api.url);
Ändrade även befintliga hårdkodade adresser till att bero på konfigurationen i Form.js och Display.jsx.
Implementerade en enkel config fil som förändras beroende på miljövariabeln "REACT_APP_ENV", React låter en inte ändra NODE_ENV av någon anledning. Se configs.js för nuvarande variabler. Började med att ha API adressen som en variabel. Om ni hittar en global variabler som antingen är statisk eller som förändras beroende på miljö, så lägg in den i configs.js!
Tänk på att "development" är standard. Vilket betyder att en variabel definierad i "development" samt en annan miljö skriver över den originella definitionen i "development". På så sätt slipper man repetera variabler som förblir samma i olika miljöer.
För att ändra miljö, kör följande i konsolen:
För att använda en variabel från konfigurationen, importera filen, och läs variabeln:
Ändrade även befintliga hårdkodade adresser till att bero på konfigurationen i Form.js och Display.jsx.