如何在 ECMAScript 6 中访问 JSON 文件?
以下不起作用:
import config from '../config.json'
如果我尝试导入 JavaScript 文件,这工作正常。
使用 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”)。
someName
如果您使用的是足够现代的捆绑器(likeesbuild或类似),或者您使用的是最新的编译器(like babel),那么您已经可以使用此语法而无需担心支持。
esbuild
babel
或者,如果您拥有 JSON 文件的所有权,您还可以使用最少的额外代码将您的 JSON 转换为有效的 JS 文件:
配置.js
export default { // my json here... }
然后…
import config from '../config.js'
不允许导入现有的 .json 文件,但可以完成工作。