JavaScript ES6 JSON導入語法

Question

我嘗試在ES6標準中編寫我的代碼，但是當我嘗試導入.json 時，它在我身上失敗。

import JsonT from "../../Data/t.json" //not working 

var JsonT = require('../../Data/t.json'); //working 

有人可以解釋我做錯了什麼嗎？

我用它，然後像這樣：

console.log(JasonT); 

Answer 1

由於ES6實際上不支持大多數的瀏覽器或者JS平臺，然而，你將需要使用「transpiler」像Babel您ES6代碼轉換成解釋JavaScript的。

如果您使用的是Webpack，則可以使用babel-loader來爲您管理這個「transpiling」。

如果您剛開始使用React，我會推薦使用像create-react-app這樣的構建配置啓動器。這將使您可以開始編寫ES6 React代碼，而無需擔心設置構建環境的初始開銷。