Requirejs-configuration

提供:Dev Guides
移動先:案内検索

RequireJS-構成

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

例えば-

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

Require.jsファイルを含めるには、htmlファイルにscriptタグを追加する必要があります。 スクリプトタグ内で、 data-main 属性を追加してモジュールをロードします。 これは、アプリケーションのメインエントリポイントとして使用できます。 _scripts/main_は、RequireJS構成を含むアプリケーションのメインJavaScriptファイルです。

構成オプション

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

  • baseUrl -RequireJSを介してロードされるすべてのモジュールのルートパスです。 baseUrlは、「スラッシュ(/)」で始まり、プロトコルを含み、「。js」拡張子で終わる文字列で示されます。 baseUrlが指定されていない場合、RequireJSは_data-main_属性パスをbaseUrlとして使用します。
  • paths -baseUrlに関連するモジュールのパスマッピングを指定します。 モジュール名をマッピングするときに、パスに.js拡張子が自動的に追加されます。
  • shim -依存関係を設定し、グローバル値をエクスポートすることにより、RequireJSで非AMDライブラリの使用を提供します。
  • map -特定のモジュールについて、アプリケーションはIDを共有して異なる条件で同じコードを使用することにより、異なる目的の異なるバージョンの同じモジュールを使用します。
  • config -config_オプションを使用してモジュールに構成を提供します。これは、特別な依存関係「モジュール」を使用し、その _module.config() 関数を呼び出すことで実行できます。
  • urlArgs -クエリ文字列引数は、RequireJSを使用して読み込まれたすべてのリソースを取得するために使用されます。 ブラウザまたはサーバーの設定が不適切な場合、キャッシュの無効化に使用されます。
  • waitSeconds -スクリプトの読み込み時にスローするまで待機する秒数を指定します。 デフォルトは「7」秒で、「0」はタイムアウトを無効にします。
  • パッケージ-ロードモジュールを構成するためのCommonJSパッケージを提供します。
  • context -ページ内のさまざまなモジュールのロードを可能にするコンテキストロードの名前を提供します。
  • deps -RequireJSをロードする前にRequireが構成オブジェクトとして指定されている場合に必要な依存関係の配列です。
  • callback -依存関係をロードした後に関数を実行し、RequireJSをロードする前にRequireが構成オブジェクトとして指定されている場合に必要です。
  • xhtml -このオプションが_true_に設定されている場合、 _ document.createElementNS()_ メソッドを使用してスクリプト要素を作成するために使用されます。
  • scriptType -ドキュメントで使用されるスクリプトタイプ属性の値を定義します。 デフォルトのタイプは「text/javascript」です。
  • skipDataMain -このオプションが_true_に設定されている場合、モジュールのロード中に_data-main属性scanning_をスキップします。