javascript - 如何在 React 中加载外部 js 文件？

Question

我有一个具有以下结构的 data.js 文件:

var DATA= {
  "groups": [{
    "id": "1",
    "name": "group 1",
    "subgroups": [{}, {}, ...]
  }, ...],
  ...
}

如果我不能使用 export，是否可以在我的 React 应用程序中加载此文件并使 DATA var 在任何组件中可用(我可能想用它启动 Redux 状态)在此文件中，无法将其转换为常规 JSON 文件？基本上我不能编辑这个文件。如何实现？

Answer 1

假设:

• data.js 文件在构建期间可用
• 文件包含预定义格式的内容
• 您正在使用 webpack 来捆绑您的应用程序(可选)

您可以使用 webpack raw-loader(其他打包器可能有替代方案)来加载文件的内容，然后解析内容以获取所需的数据。

例子👇