require

一、引入 require js
data-main 屬性 是入口文件
   
   
   
   
 <script src="js/require.js" data-main="js/main"></script>
二、編寫 本身的模塊代碼

require()函數接受兩個參數。第一個參數是一個數組,表示所依賴的模塊,上例就是['moduleA', 'moduleB', 'moduleC'],即主模塊依賴這三個模塊;第二個參數是一個回調函數,當前面指定的模塊都加載成功後,它將被調用。加載的模塊會以參數形式傳入該函數,從而在回調函數內部就可使用這些模塊。

注意:
    加載時 requirejs 默根路徑是 入口文件(上面中main.js) 所在文件夾 能夠經過 require.config 來改變 (baseUrl)

require.config()就寫在主模塊(main.js)的頭部。參數就是一個對象,這個對象的paths屬性指定各個模塊的加載路徑。

三、自定義 模塊
   
   
   
   
define(function (){    var add = function (x,y){      return x+y;    };    return {      add: add    };  });  define(['myLib'], function(myLib){    function foo(){      myLib.doSomething();    }    return {      foo : foo    };  });



相關文章
相關標籤/搜索