我目前正在使用Webpack来管理React JS应用程序的配置。
我有一个名为config.development.json
的文件,它由我的开发构建脚本加载。它包含以下内容:
{
"primary1Color": "pink"
}
它在Webpack脚本中加载如下:
externals: {
configuration: JSON.stringify(require("./config.development.json"))
}
生产环境的设置类似。
我在应用程序中引用配置参数如下:
import configuration from "configuration";
const mainColor = configuration.primary1Color;
一切都在运行。
然而,我想允许设置在部署后进行配置---即应用程序在运行时读取配置文件。这样,如果客户希望更改颜色方案,他们可以这样做,而无需我重新构建应用程序。
如何使应用程序动态加载我的JSON配置文件?