如何为CRA捆绑包制作可配置的json文件

Question

我使用CRA捆绑我的React应用。

例如，要求捆绑软件具有静态的可配置json

//config.json
{
  "url": "url",
  "otherConfig": "otherConfig"
}

应用程序应从此处读取URL并使用它。 并且如果需要更改它或任何其他配置，他们可以只编辑该json。这样就没有构建/部署步骤。

这有可能实现吗？ 还是可能有什么问题？

你们有没有做过这样的事情？

Answer 1

使用js文件非常容易。

制作一个config.js文件

window.config = {
  "config": "xxx"
}

然后将其导入index.js

import './config.js'

打开public/index.html并添加以下脚本

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

构建后，将config.js复制粘贴到build文件夹中。