一、引入 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 }; });