如何在ecmascript 6中导入json文件？

Question

如何在Ecmascript 6中访问json文件？以下内容不起作用：import config from '../config.json'如果我尝试导入JavaScript文件，则效果很好。

Answer 1

一个简单的解决方法：

config.js

export default

{

  // my json here...

}

然后...

import config from '../config.js'

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

Answer 2

不幸的是，ES6 / ES2015不支持通过模块导入语法加载JSON。但是 ...

有很多方法可以做到。根据您的需求，您可以研究如何在JavaScript中读取文件（window.FileReader如果正在浏览器中运行，则可以选择），也可以使用其他问题中所述的其他加载程序（假设您正在使用NodeJS）。

IMO最简单的方法可能是将JSON作为JS对象放入ES6模块并导出。这样，您就可以将其导入所需的位置。

同样值得注意的是，如果您使用的是Webpack，则默认情况下（因为webpack >= v2.0.0），JSON文件的导入将起作用。

import config from '../config.json';