首页 > 代码库 > moudle.js使用

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="http://www.mamicode.com/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拆成模块化,粒子化,维护更方便,修改起来也方便。