在ES6中,我們可以使用import關鍵字導入JSON文件。通過導入JSON文件,開發人員可以輕松地讀取JSON數據并使用它來完成各種操作。
import data from './data.json'
console.log(data)
// 輸出結果
// {
// "name": "Alice",
// "age": 25,
// "gender": "female"
// }
在上面的代碼中,我們使用import關鍵字將data.json文件導入代碼中。然后,我們使用console.log()函數打印出data變量的值。
需要注意的是,在導入JSON文件時,文件路徑必須是相對于當前文件的路徑。如果你想導入其他目錄中的JSON文件,你應該使用正確的相對路徑或絕對路徑。
除了導入JSON文件,我們還可以通過導入ES6模塊的方式導入其他數據類型的文件,如JavaScript文件、CSS文件等。
// 導入JavaScript文件
import myFunction from './my-function.js'
// 導入CSS文件
import './my-style.css'
在上面的代碼中,我們通過導入my-function.js文件來導入JavaScript函數。同樣,我們也通過導入my-style.css文件來導入CSS文件。
總之,ES6的模塊導入功能為開發人員提供了更加便利的導入數據的方式。通過導入JSON文件,我們可以輕松地讀取JSON數據并使用它來完成各種操作,從而提高了開發效率。