如何在React中使用配置文件？

Question

假设我有5个jsx文件,每个文件都使用一些配置参数.我的index.js文件导入了所有这5个jsx文件.

我的jsx文件是否有办法从一个从配置文件中加载数据的全局JS对象获取数据,而不是让我的配置数据分布在5个文件中？

我已经看过一些例子,但是我无法让它们发挥作用.
JS6导入功能 | 使用webpack的示例

Answer 1

假设ES6:

config.js

export const myConfig = { importantData: '', apiUrl: '', ... };

然后:

jsxFileOne.js, jsxFileTwo.js, ...

import { myConfig } from 'config.js';

还有其他方法可以在全球范围内利用webpack导入和导出东西,但这应该可以帮助您入门.