时间戳

首页 > 解决方案 > 如何为 CRA 包制作可配置的 json 文件

reactjs - 如何为 CRA 包制作可配置的 json 文件

问题描述

我使用 CRA 来捆绑我的 react 应用程序。

捆绑包需要具有静态可配置 json，例如

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

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

这有可能实现吗？或者可能的问题是什么？

你们中有人做过这样的事情吗？

标签： reactjscreate-react-app

解决方案

使用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文件夹中。

推荐阅读