javascript – RequireJS – 非常重要的依賴性指定

2015-08-08 / JSN / 1 Comment / 411 次瀏覽

自己的程式碼常常需要依賴如 jQuery ，所以載入自己的程式碼之前，務必要先載入 jQuery。那該怎麼做呢？

main.js

//進行設定

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")

})