javascript – RequireJS – 非常重要的依賴性指定
自己的程式碼常常需要依賴如 jQuery ,所以載入自己的程式碼之前,務必要先載入 jQuery。那該怎麼做呢?
main.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
//進行設定 requirejs.config({ baseUrl: 'js', // 定義路徑別名 paths: { 'app' : 'application', 'lib' : 'libraries', 'jq' : 'libraries/jquery-1.11.3.min', 'vmodel' : 'libraries/vmodel/src/jquery.vmodel.min' }, // 配置依賴性 shim: { 'vmodel' : { deps: ['jq'] // vmodel 依賴 jq, 所以會先讀取 jq(已由 paths 定義) }, 'app/one': { deps: ['vmodel'] // app/one 依賴 vmodel, 所以會先讀取 jquery 之後再讀取 vmodel,最後才讀取 app/one }, 'app/two': { deps: ['app/one'] // 依賴 one.js。 所以順序 jq、vmodel、app/one、app/two。讀取過的就不會重複讀取喔! } } }) //開始引用檔案。因為是異步 (async) 載入,所以陣列順序不會影響。 requirejs([ 'app/one', // 會參考設定中的 paths 與 shim 'app/two', ], function (){ console.log("success") }) |
Comments