构建应用程序后创建反应应用程序配置文件答案

【问题标题】：create react app Configuration file after build app构建应用程序后创建反应应用程序配置文件
【发布时间】：2018-10-26 10:12:21
【问题描述】：

构建后我想要根文件夹中的配置文件 (JSON) 来配置我的应用程序。

喜欢Translation 和API Urls 和...

我可以通过创建反应应用来做到这一点吗？

【问题讨论】：

【解决方案1】：

在src 目录外创建config.js 或json 文件，并将其包含在index.html 中

<script src="%PUBLIC_URL%/config.js" type="text/javascript"></script>

在config.js中配置参数

config.js

var BASE_URL = "http://YOUR-URL";

你可以得到类似的参数

const BASE_URL = window.BASE_URL;

【讨论】：

config.js 是否有可能加载速度不够快？特别是在构建包中（在运行npm run build) 之后。例如，如果您有一个包含内容的文件：export const config = { baseUrl: window.BASE_URL } 我想如果您之后导入该配置（import { config } from "..."）那么config.baseUrl 可能是undefined。
您必须在index.html 的顶部导入config.js。所以js文件会同步加载，只有在config.js之后才会加载你的bundle js。
如何根据环境定义单独加载的文件？
尝试一些方法来动态生成脚本src
您将如何为此管理版本控制？我的意思是你将如何强制客户端使用最新版本，而不是缓存版本？

【解决方案2】：

您可以将 JSON 文件存储在 public/ 文件夹中，它会在您托管 Create React 应用程序时自动提供此文件。

类似：/public/my-configuration-file.json

然后当您重新启动应用程序时：

localhost:3000/my-configuration-file.json

将为您提供此 json 文件。

【讨论】：