HTML5
：用語
：モジュール スクリプト
編集：2022.04.22 by T.A.
→●
モジュール スクリプトは、別の種類のスクリプトです。追加アイテムはありません。
モジュールスクリプトは、次の3つのタイプに分類できます：
- モジュール スクリプトは、そのレコードがソース テキスト モジュール レコードである場合、JavaScript モジュール スクリプトです。
- モジュール スクリプトは、そのレコードが合成モジュール レコードである場合、CSSモジュール スクリプトであり、CSS モジュール スクリプトの作成アルゴリズムを介して作成されました。CSSモジュール スクリプトは、解析された CSS スタイルシートを表します。
- モジュール スクリプトは、そのレコードが合成モジュール レコードである場合、JSON モジュール スクリプトであり、JSON モジュール スクリプトの作成アルゴリズムを介して作成されました。JSON モジュール スクリプトは、解析された JSON ドキュメントを表します。
CSS スタイルシートと JSON ドキュメントは依存モジュールをインポートせず、評価時に例外をスローしないため、CSS モジュール スクリプトと JSON モジュール スクリプトのフェッチ オプションとベース URL は、常に null です。
関連
→アクティブ スクリプト。
CSSモジュールスクリプトを作成する
文字列ソースと環境設定オブジェクト設定を指定して、CSS モジュール スクリプトを作成するには、次の手順に従います：
- scriptを、このアルゴリズムが後で初期化する新しいモジュール スクリプトとします。
- スクリプトの設定オブジェクトを設定に設定します。
- スクリプトの ベースURL とフェッチ オプションを null に設定します。
- スクリプトの解析エラーとエラーを null に再スローするように設定します。
- シートを、引数として空の辞書を使用して構築された CSSStyleSheet を作成する手順を実行した結果とします。
- 手順を実行して、指定されたソースのシートで CSSStyleSheet のルールを同期的に置き換えます。
これが例外をスローする場合は、スクリプトの解析エラーをその例外に設定し、スクリプトを返します。
ソースに @import ルールが含まれている場合、CSSStyleSheet のルールを同期的に置き換える手順がスローされます。CSS モジュールスクリプトでこれらを処理する方法についてはまだ合意がないため、これは現時点では設計によるものです。したがって、コンセンサスに達するまで、それらは完全にブロックされます。
- スクリプトのレコードを CreateDefaultExportSyntheticModule(sheet) の結果に設定します。
- スクリプトを返す。
設定オブジェクト
同じコンテキスト内の他のスクリプトと共有されるさまざまな設定を含む環境設定オブジェクト。