React.js 如何从另一个没有导出的 js 文件中传递变量

Question

我有一个自动生成的相当大的 js 文件，它的内容只是一个像这样的大变量：

ConstDef.js:
var ConstantDefinitions = {
variable1: "blahbalhbalh",
variable2: "blahBlahBlah",
...
variable10000: "BlahbluuBleh"
}

如何在 React.js 中访问此文件的内容？ 如果我在ConstDef.js的底部手动添加export {ConstantDefinitions} ，我可以轻松编写如下内容：

import { ConstantDefinitions } from './ConstDef';

const defHelper = {
  getStringByKey(key) {
    const def = ConstantDefinitions [key];
    return def;
  }
};

export default defHelper ;

我的计划 B 是编写一个脚本以某种方式 append export {ConstantDefinitions}到我的自动生成的文件，但是，我试图在不操纵源的情况下访问该 object。

Answer 1

您可以生成 Json 文件而不是 JS Object，然后从 React Component 导入它

Answer 2

我认为最好的方法是将导出添加到您的生成器中。

但是由于您的文件中有 var 变量，您可以选择完全错误（但可行）的路径。 您可以访问您的变量，因为它存储在全局 scope 中。 https://www.javatpoint.com/javascript-global-variable

import './youPathToVariable';
...
window.ConstantDefinitions
...

另外（正如@Umberto 在他的回答中提到的那样）您可以生成 json 文件）