您如何在create react应用中定义配置？

Question

我正在使用CRA构建这个项目，并且要加载3个环境（dev / stage / prod）配置。

到目前为止，我利用windows.location.hostname来标识主机并导出配置。

我想要一个整洁的方法，并希望避免if-else条件识别当前主机，然后导出实际配置。

当前方法：

constant.js

import host from '../Libs/Helpers/host'

const localhost = {
  APP_DIR: '/',
  APP_HOSTNAME: 'http://travel-dev.local/',
  ...
}
const staging = {
  APP_DIR: '/travel-cst-staging/',
  APP_HOSTNAME: 'https://travel-dev.com/',
  ...
}
const production = {
  APP_DIR: '/travel-cst/',
  APP_HOSTNAME: 'https://travel.com/',
  ...
}

let exportVar = {}
if (host.isLocalhost()) 
  { exportVar = localhost } 
else if (host.isStaging()) 
  { exportVar = staging } 
else 
  { exportVar = production }

export default exportVar

我打开了具有诸如local.js，stage.js和prod.js之类的不同配置文件，并通过传递evn变量在“ npm run start”期间加载它们，但是我不知道如何实现。

任何帮助或建议都将受到高度赞赏。