moudle.js使用

module.js相似於seaJs這些模塊加載，不過很輕便。這裏就是簡單的介紹一下如何使用它。這裏是git地址https://github.com/eccued/modulejs

假如在頁面中使用module.js，首先咱們先配置依賴，把須要的包引進來。

//包依賴配置
_moduleConfig = {
alias: {
'zepto':'libs/zepto.js',//須要用到的框架
'cookie':'js/cookie.js',//須要用到的基礎方法函數
'action':'js/init.js'//整個頁面的啓動js
}
}

而後在這個頁面中引入改module的js。

    <script type="text/javascript" src="libs/module.js" ></script>
    <script>
    modulejs(['action'], function() { //'action'就是上面配置的依賴的包
        var A = require('action');
        A.init();
    });    
    </script>

而後再來看看init.js。

define("action", function (require, exports, module) {
    var $ = require('zepto');//引入配置的包
    var _cookie = require('cookie');//引入配置的包
    var obj = {},that = obj;
    obj.getData = function(){
        //dosomething    
    }
    obj.addEvent = function(){
        //dosomething
    }
    // 對外暴露接口
    exports.init = function(){
        that.getData();//取數據
        that.addEvent();//綁定事件
    };
});

大概就是這樣就實現了js代碼分離了，這樣一來就可讓你的js拆成模塊化，粒子化，維護更方便，修改起來也方便。