Closed2

ES Modulesとは

high-ghigh-g

ES2015で策定されたJSファイルから別のJSファイルを読み込む仕組みのこと。

Node.jsでは、他のJSファイルの読み込みはCommonJSで既に実現していたが、ES Modulesは標準としてNode.jsとブラウザ両方に対応したモジュールシステム仕様となっている。

これまでブラウザではそのようなものがなく、Node.jsは別の方法で実現してしまっている状態だったがES Modulesのおかげで互換性が保てるようになる。

そもそもCommonJSとは何なのか?
これは、ブラウザ環境外におけるJavaScriptの各種仕様を定めることを目標としたプロジェクトのこと。
Node.jsはデフォルトですべてのモジュールをCommonJSで扱う。

ブラウザの世界では、JSファイルを読み込むためにはscriptタグを利用するが、
ES Modulesが実装されている環境では、import文を利用することで、他のJSファイルの内容を読み込むことが可能。

ES Modulesを利用したJavaScriptを利用する場合は、jsを読み込むscriptタグにtype="module"を記述する。

このスクラップは2022/09/15にクローズされました