【JavaScript】外部JSファイルをmoduleとして読み込む方法【ES6】 #JavaScript

scriptタグにtype="module"を忘れずに

index.html

<script type="module" src="js/main.js"></script>

webpackではないので拡張子の「.js」は必要

main.js

import { incidentDatalist } from './module.js'
console.log(incidentDatalist);

今回は変数としてexportする

module.js

export let incidentDatalist = [
  { year: 1192, name: '鎌倉幕府が開かれる'},
  { year: 1600, name: '関ヶ原の戦い'},
  { year: 794, name: '平安京へ遷都'},
  { year: 1923, name: '関東大震災が起きる'},
]

console.log(incidentDataList);などで外部JSの読み込みができたことを確認できる。