模組化開發RequireJS之shim配置

weixin_33971130於 2017-12-07 11:31:00 釋出185 收藏 1 文章標籤： javascript ViewUI   一、shim requirejs使用AMD規範開發，若開發過程中載入非AMD規範js，需要使用requirejs的shim進行配置。

shim配置語法為：

//配置檔案
requirejs.config({
    baseUrl: 'js', //預設是main.js所在的資料夾為基準。
    paths: {
        jquery: 'jquery-1.12.4.min' //起個別名
    },
    //關鍵配置
    shim: {
        //配置方式一：jQuery.CateNav為模組名稱，jquery為依賴的js模組
        //'jQuery.CateNav': ['jquery']
        
        //配置方式二：jQuery.CateNav為模組名稱，deps為配置依賴的js模組，deps陣列，表明該模組的依賴性
        'jQuery.CateNav': {
            deps: ['jquery'],
            exports: "CateNav"
        }
    }
});

//載入入口模組
requirejs(['index']); //從基準路徑js下開始查詢index.js
 

二、示例

具體程式碼示例參考我的github地址：https://github.com/MengFangui/require-shim/tree/master 

示例程式碼為基於jquery的錨點滾動效果的外掛，這個外掛 是我基於jQuery開發（未採用AMD規範），元件地址為：http://www.cnblogs.com/mengfangui/p/7428500.html 

示例程式碼實現了模組化開發中非AMD規範的js的載入。 一、shim requirejs使用AMD規範開發，若開發過程中載入非AMD規範js，需要使用requirejs的shim進行配置。

shim配置語法為：

//配置檔案
requirejs.config({
    baseUrl: 'js', //預設是main.js所在的資料夾為基準。
    paths: {
        jquery: 'jquery-1.12.4.min' //起個別名
    },
    //關鍵配置
    shim: {
        //配置方式一：jQuery.CateNav為模組名稱，jquery為依賴的js模組
        //'jQuery.CateNav': ['jquery']
        
        //配置方式二：jQuery.CateNav為模組名稱，deps為配置依賴的js模組，deps陣列，表明該模組的依賴性
        'jQuery.CateNav': {
            deps: ['jquery'],
            exports: "CateNav"
        }
    }
});

//載入入口模組
requirejs(['index']); //從基準路徑js下開始查詢index.js
 

二、示例

具體程式碼示例參考我的github地址：https://github.com/MengFangui/require-shim/tree/master 

示例程式碼為基於jquery的錨點滾動效果的外掛，這個外掛 是我基於jQuery開發（未採用AMD規範），元件地址為：http://www.cnblogs.com/mengfangui/p/7428500.html 

示例程式碼實現了模組化開發中非AMD規範的js的載入。