第2章{ 2-5 模块使用 }

主模块使用依赖模块

主模块 src/index.js 依赖于子模块 src/mods/header.js，二个模块在物理目录中的关系：

index.js 的代码这么写：

//初始化header模块
var header = require('./mods/header');
header.init();

require()的模块路径请使用相对路径，'./mods/header' 等于 'bee-demo/mods/header' ，使用相对路径更为灵活。

上述代码会被编译成：

KISSY.add(
    'bee-demo/index',
    ["./mods/header"],
    function(S ,require, exports, module) {
       //初始化header模块
       var header = require('./mods/header');
       header.init();
});

KISSY.add(
    'bee-demo/mods/header',
    ["node"],
    function(S ,require, exports, module) {
        var $ = require('node').all;
        module.exports = {
            init:function(){
            S.log('header init');
            $('header').html('this is header');
        }
    }
});

gulp-kmc 会自动合并依赖模块代码到主模块哦。

使用模块

使用KISSY.config({})配置个包，包名为 bee-demo，路径为 ../build ，下一节会重点讲解该方法。

KISSY.config({
    packages: [
        {
            name: 'bee-demo',
            base: '../build',
            ignorePackageNameInUri: true,
            debug: true,
            combine:false
        }
    ]}
);

KISSY.use() 使用指定模块

KISSY.use('bee-demo/index');

如果 use 的模块有返回对象

KISSY.use('模块名',function(S,Mod){
    new Mod();
})