RequireJS - 配置

RequireJS 可以透過在 HTML 模板中傳遞主配置來初始化，方法是使用 data-main 屬性。RequireJS 使用它來知道在您的應用程式中載入哪個模組。

例如：

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

要包含 Require.js 檔案，您需要在 html 檔案中新增 script 標籤。在 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”並呼叫其 module.config() 函式來完成。

• urlArgs - 查詢字串引數用於獲取透過 RequireJS 載入的所有資源。當瀏覽器或伺服器配置不正確時，它用於清除快取。

• waitSeconds - 它指定在指令碼載入失敗前等待的秒數。預設為“7”秒，“0”停用超時。

• packages - 它提供用於配置載入模組的 CommonJS 包。

• context - 它提供上下文載入的名稱，允許在頁面中載入不同的模組。

• deps - 這是在載入 RequireJS 之前將 Require 指定為 config 物件時所需的依賴項陣列。

• callback - 載入依賴項後執行一個函式，並且在載入 RequireJS 之前將 Require 指定為 config 物件時需要此函式。

• xhtml - 當此選項設定為 true 時，它用於使用 document.createElementNS() 方法建立指令碼元素。

• scriptType - 它定義文件中使用的指令碼型別屬性的值。預設型別為“text/javascript”。

• skipDataMain - 如果此選項設定為 true，則在載入模組時跳過 data-main 屬性掃描。