从根文件夹导入 JSON 文件 [重复]答案

【问题标题】：Importing JSON file from root folder [duplicate]从根文件夹导入 JSON 文件 [重复]
【发布时间】：2020-04-17 03:43:22
【问题描述】：

我使用 create-react-app 创建了一个 reactjs 项目。我需要将 JSON 文件 导入到 src 文件夹之外的 .js 文件中。原因是 JSON 文件包含一些配置。完成构建后，我可以更改配置而无需重新构建。因此，将 JSON 文件保存在 根文件夹 中对我来说非常重要。

如果不弹出，我还能做到吗？

【问题讨论】：

您可以通过输入完整路径从任何您想要的地方导入它，但将重要文件保留在外面并不是一个好主意。如果你把它放在src文件夹中，构建时复制它会更好。
@Superblar，把复制的文件放在哪里？我该如何给出路径？
这能回答你的问题吗？ Import JSON file in React
@ChamodPathirana 你必须把它放在公共（构建）文件夹中。然后你可以使用fetch从文件中加载数据。

标签： reactjs create-react-app webpack-file-loader

【解决方案1】：

请注意，您需要将 JSON 文件保存在“公共”文件夹中，这样您就可以在本地使用它，例如 ex。本地主机：3000/api.json。在这种情况下，您获取 json 文件并使用数据。并且在构建时不能出现任何错误。如果您将 JSON 文件保存在 src 文件夹中，那么您需要在项目中导入该文件。

【讨论】：