require

原创 韩秀利 随笔 javascript 130阅读 2018-06-15 11:22:39 举报

index.html
<script src="./lib/require.js"></script>
<script>
require.config({
baseUrl:'./js', //目录
paths:{
"jquery": "../lib/jquery" // 引入第三方插件
},
shim:{ // 引入非模块化的js
d:'d'
}
});
require(['main','jquery','d'],function(main){
main.init();
});
</script>

/**

  • @file 主模块main.js 处理数据
  • @author hxl
    */
    define(function(require, exports) {
    var demoA = require('./a');
    var demoB = require('./b');
    var demoC = require('./c');
    exports.init = function() {
    var element = $('div');
    demoC.init(element);
    element.html(demoA.init() + demoB.init());
    };
    });

/**

  • @file 模块a.js 暴露出一个数据,参与运算
  • @author hxl
    */
    define(function(require, exports) {
    exports.init = function() {
    return 1;
    };
    });

/**

  • @file 模块b.js 暴露出另一个数据,参与运算
  • @author hxl
    */
    define(function(require, exports) {
    exports.init = function() {
    return 2;
    };
    });

/**

  • @file 模块c.js 单独暴露出数据
  • @author hxl
    */
    define(function(require, exports) {
    exports.init = function(element) {
    element.css('font-size', '40px');
    };
    });

/**

  • @file 非模块化d.js
  • @author hxl
    */
    $('div').css('color', '#f00');
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复