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

自己的程式碼常常需要依賴如 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")
})

 

參考資料:http://www.ruanyifeng.com/blog/2012/11/require_js.html

Comments

發表迴響