如何将配置文件存储在 React 的构建文件夹中？

Question

I want to store my app on different servers. Each server has it's own config like contact address, email-address, route path names and so on.

Currently I have different config.js files inside my src folder and when there is an update of the app, I need to rebuild the app for each server and replace the config.js every time.

Is it possible to store the config.js in the build folder so that the app coming from yarn build is always the same on each server but the config.js stored on the server is different?

That would be much easier because currently building the app is a pain.

Answer 1

In your Client Side Code Create new File called Config.js > Place your configurations there Example:

module.exports = {
PORT: 80,
APPID: "xxxxx",
APPCERT: "xxxx",

}

Import your file wherever you would like to suppose in my case server.js I imported it as follows

var env = require('../../Config');

then use your configs as you defined them

var appCertificate = env.APPCERT;

Note: in order to keep your config file dynamic you can use Environment Variables or make different config.js files for your different environments.