不同生产构建 React 的配置文件

Question

我有一个 React 应用程序，它将部署为几个略有不同的单独应用程序。有些地方的文字会不一样，APIURL可能不一样，语言等

我将如何着手解决这个问题？我基本上希望能够构建一次并且应用程序能够从位于构建文件夹中的配置文件更改其功能......这可能吗？或者有没有其他我没有想到的方法来解决这个问题？

Answer 1

您可以使用 config.json 文件并将您的所有更改存储在那里，您可能有类似的东西：

环境

REACT_APP_ID=APP_1

config.json

APP_1: { name: 'app one', lang: '/path/to/lang', api_basepath: 'path/to/api' }

然后在您的代码中使用它，例如

import conf from './conf.json';

const useConfigData = key => conf[process.env.REACT_APP_ID][key]

const api = useConfigData('api_basepath');
const myFetch = () => {
  fetch(`${api}/some_endpoint`).then()
}