在 ES6 支持的项目中导入 JSON 文件答案

【问题标题】：Import JSON file inside a ES6 supported project在 ES6 支持的项目中导入 JSON 文件
【发布时间】：2019-06-03 23:01:31
【问题描述】：

我在这里感到困惑。在 VueJS 项目中，我通过以下方式使用虚拟 json 数据：

import data from './assets/data.json'

我可以打印到屏幕上，例如：{{Object.keys(data)}}

在this 问题我找到了不同的答案，有些人声称你不能导入 json 文件，有些人声称你可以 .常识意味着我可以导入它们，因为它在我的项目中工作，现在问题是：这是一些 Webpack 的魔法帮助我实现这个导入还是在幕后发生的任何其他行为？还是 ES6 真的允许我像上面介绍的那样导入 json？

【问题讨论】：

ES6 仅指定导入 ES6 模块（带有 export 声明和内容的脚本），所以是的，这是您的模块加载器的一个功能。
通常你会使用 fetch api。这是 vue 和 axios 的示例：vuejs.org/v2/cookbook/using-axios-to-consume-apis.html
您可以，但您不应该这样做，因为在运行时读取和写入 JSON 文件时可能会出现问题。如果您将使用导入读取 JSON，那么更新的数据将不会反映在您的对象中。 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

【解决方案1】：

请通过， How to import a json file in ecmascript 6?

说，

ES6/ES2015 不支持通过模块导入语法加载 JSON

【讨论】：

我实际上打算链接到这个问题，但错误地链接到另一个问题。如您所见，虽然 Simone 的第二个答案声称“不幸的是 ES6/ES2015 不支持通过模块导入语法加载 JSON”，但 @Wiliamli 的第 5 个答案声称“在 ES6/ES2015 中，您可以在你的代码。”