小编典典

如何在 ECMAScript 6 中导入 JSON 文件?

all

如何在 ECMAScript 6 中访问 JSON 文件?

以下不起作用:

import config from '../config.json'

如果我尝试导入 JavaScript 文件,这工作正常。


阅读 74

收藏
2022-04-25

共1个答案

小编典典

使用 ES 模块导入 JSON 作为功能于 2020 年年中提交给 TC39,并且(在本次编辑时)处于第 3
阶段,这是规范接受之前的最后一个阶段(参见https://github.com /tc39/proposal-json-
modules了解更多详细信息)。登陆后,您将能够将其用作:

import someName from "./some/path/to/your/file.json";

someNameJSON 数据描述的 JS 对象的变量名在哪里有效。(当然,请注意,这会从 JSON 源导入 JavaScript ,而不是“导入
JSON”)。

如果您使用的是足够现代的捆绑器(likeesbuild或类似),或者您使用的是最新的编译器(like
babel),那么您已经可以使用此语法而无需担心支持。

或者,如果您拥有 JSON 文件的所有权,您还可以使用最少的额外代码将您的 JSON 转换为有效的 JS 文件:

配置.js

export default
{
  // my json here...
}

然后…

import config from '../config.js'

不允许导入现有的 .json 文件,但可以完成工作。

2022-04-25