第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();
})

[/code]