Question

我目前正在使用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配置文件？

Answer 1

我认为最好的方法是创建一个API端点，与其进行交互以加载它们。

Answer 2

您不必将其与webpack捆绑在一起。您可以使用普通的ajax调用来加载json或使用 script.js 。

但是如果你真的想使用webpack loader，你可以试试 external-loader 。