require.js載入非規範的模組

antzone發表於2017-07-14

使用require.js載入的模組需要符合AMD規範,但是當前不少流行庫並符合。

require.js提供相應的功能來解決此問題,首先看一段程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
require.config({
  shim: {
   'underscore':{
    exports: '_'
  },
  'backbone': {
    deps: ['underscore', 'jquery'],
   exports: 'Backbone'
  }
 }
});

underscore和backbone不符合AMD規範,如果要載入它們的話,必須先定義它們的特徵。

require.config()接受一個配置物件,shim屬性專門用來配置不相容的模組,說明如下:

(1).exports:定義輸出的變數名,表明這個模組外部呼叫時的名稱。

(2).deps:一個陣列,表明該模組的依賴性。

關於require.config()可以參閱require.config()用法一章節。

相關文章