如何在 React 应用程序中读取全局键值属性

Question

这是这个问题的后续问题：

Reactjs read a properties file?

我想创建全局属性，以便 utils 类能够自行读取和配置。我的目标是避免通过构造函数获取这些值，因此其他开发人员不需要接触代码，并且能够通过一些外部方式配置一些全局配置。

我阅读了有关设置环境变量的信息，但我不希望人们开始设置这些变量，而是使用更本地的应用程序。

我还阅读了一个名为 properties-reader 的 NPM 包，但它似乎只适用于 Node.js？

那么如何实现呢？

Answer 1

也许你可以创建一个 gitignored 文件config/local.js。 这个文件只会导出一个配置对象

// config/local.js
export default {
   apiUrl : "...",
   ...,
}

然后，在你的 utils 文件中

// utils file
import config from 'config/local';

config.apiUrl;

每个开发人员都有一个本地配置。

它适合你吗？

当然，您必须在每个环境中添加 local.js。