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拆成模块化，粒子化，维护更方便，修改起来也方便。