模块化实现方式之CMD

• 定义暴露模块
  • 定义没有依赖的模块
  • 定义有依赖的模块
    • 同步引入
    • 异步引入
• 引入使用模块

CMD模块化 - seajs

模块加载时才会加载执行

<script type="text/javascript" src="./js/libs/sea.js"></script>
<script type="text/javascript">
    seajs.use("./js/modules/main.js")
</script>

定义暴露模块

定义没有依赖的模块

define function(require, exports, module){
    exports.xxx = value;
    module.exports = value
}

定义有依赖的模块

同步引入

define function(require, exports, module){
    var module2 = require("./module2");
    exports.xxx = value
}

异步引入

define function(require, exports, module){
    require.sync("./module", function(m3){
        xxx
    })
    exports.xxx = value
}

引入使用模块

define(function(require){
    var m1 = require("../module1");
    var m2 = require("../module2");
    m1.show();
    m2.show();
})