目次

概要

UdemyでJavaScriptを勉強した時のメモ
JavaScriptのモジュール管理の仕様は主に2種類ある。
最近では、相互に互換できるように様々なツールや言語仕様ができてきている。

CommonJS

JavaScriptの言語仕様の1つ
Node.js上でモジュール管理する場合に使う
なので主にサーバーサイドで使われる
require / Exportsでモジュール管理する

ESModule

ECMAScriptで定義されたモジュールの管理方法
主にブラウザ側で使われる
import / exportでモジュール管理する
現在はESMの方がよく使われる

ESMでのモジュール管理

export let num = 1;
// 別ファイルにて
import {num} from ファイルパス;

Export default

export default 0;
// 別ファイルにて
import num from ファイルパス;
// 波括弧は不要

ダイナミックインポート

インポートをコード始めに行うのではなく、必要な時にインポートするようにする
処理が開始するまでの時間を短縮できる 
export let num = 1;
// 別ファイルにて
import(ファイルパス).then(function(modules){
console.log(modules.num);
})