JavaScriptにおけるモダンなモジュール入門

あなたはすでにクロージャを使ったモジュールを扱ったことがあります。現代のJavaScriptでは、各モジュールを個別のファイルに配置し、必要な変数や関数のみをエクスポートして他のファイルに必要に応じてインポートできる、より便利なモジュールが登場しました。

当初、そのようなモジュールはJavaScriptの標準には定められておらず、単にコミュニティによって開発されていました。その結果、AMD、CommonJS、UMDなど、非常に多くの様々なモジュールシステムが登場しました。

その後、JavaScriptの標準に独自のモジュールが追加されました。これらはESモジュールと呼ばれます。このため、コミュニティによって開発されたモジュールは急速に時代遅れとなり、使用すべきではありません。

注意を払うべきはCommonJSモジュールのみです。というのも、NodeJSは当初これで動作しており、互換性のために現在もデフォルトではそれで動作しているからです。

さらに、様々なライブラリの接続手順では、ES版ではなく、まさにCommonJS版の説明に出会うことがよくあります。そのため、CommonJSのコードをES用に書き換える方法を理解しておく必要があります。

もう一つのニュアンスがあります。モジュールは今ではJavaScriptの標準に定められていますが、ブラウザではそのままでは（まだ）動作しません。このためには、一般的なビルドツールの一つを使用する必要があります。