Closed2
ES Modulesとは
フロントエンドえんじにゃー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にクローズされました