RequireJS-構成

RequireJSは、HTMLテンプレートのメイン構成をdata-main属性を介して渡すことで初期化できます。これは、アプリケーションにロードするモジュールを知るためにRequireJSによって使用されます。

たとえば-

<script data-main = "scripts/main" src = "scripts/require.js"></script>

Require.jsファイルを含めるには、htmlファイルにscriptタグを追加する必要があります。スクリプトタグ内に、data-mainモジュールをロードするための属性。これは、アプリケーションへの主要なエントリポイントと見なすことができます。スクリプト/メインはRequireJSの設定が含まれているアプリケーションのメインJavaScriptファイルです。

構成オプション

以下は、最初のアプリケーションモジュールのロード中に設定できる構成オプションです。

  • baseUrl−これは、RequireJSを介してロードされるすべてのモジュールのルートパスです。baseUrlは、「スラッシュ(/)」で始まり、プロトコルを含み、拡張子が「.js」で終わる文字列で示されます。baseUrlが指定されていない場合、RequireJSはdata-main属性パスをbaseUrlとして使用します。

  • paths−baseUrlに相対的なモジュールのパスマッピングを指定します。モジュール名をマッピングするときに、パスに.js拡張子が自動的に追加されます。

  • shim −依存関係を構成し、グローバル値をエクスポートすることにより、RequireJSでAMD以外のライブラリの使用法を提供します。

  • map −特定のモジュールについて、アプリケーションは、IDを共有してさまざまな条件で同じコードを使用することにより、さまざまな目的でさまざまなバージョンの同じモジュールを使用します。

  • configconfigオプションを使用してモジュールに構成を提供します。これは、特別な依存関係「module」を使用して、module.config() 関数。

  • urlArgs−クエリ文字列引数は、RequireJSを使用してロードされるすべてのリソースをフェッチするために使用されます。ブラウザまたはサーバーの設定が不適切な場合のキャッシュバスティングに使用されます。

  • waitSeconds−スクリプトのロードをスローする前に待機する秒数を指定します。デフォルトは「7」秒で、「0」はタイムアウトを無効にします。

  • packages −ロードモジュールを構成するためのCommonJSパッケージを提供します。

  • context −ページ内のさまざまなモジュールのロードを可能にするコンテキストロードの名前を提供します。

  • deps − RequireJSをロードする前に、構成オブジェクトとしてRequireが指定されている場合に必要な依存関係の配列です。

  • callback −依存関係をロードした後に関数を実行し、RequireJSをロードする前に構成オブジェクトとしてRequireが指定されている場合に必要です。

  • xhtml −を使用してスクリプト要素を作成するために使用されます document.createElementNS()このオプションがtrueに設定されている場合のメソッド。

  • scriptType−ドキュメントで使用されるスクリプトタイプ属性の値を定義します。デフォルトのタイプは「text / javascript」です。

  • skipDataMain−このオプションがtrueに設定されている場合、モジュールのロード中にデータメイン属性のスキャンをスキップします