loader 是一个处理脚本依赖关系的加载器,实现了按需加载、延迟加载、加载相关联的 js/css 等功能。
更多关于 loader 的设计与分析,见 KISSY loader 的设计
Methods
add
KISSY add ( name, fn, config )
注册一个模块到 KISSY 中。
- Parameters:
-
name
<String>
模块的名字。 -
fn
<Function>
注册指定模块到 KISSY 中的入口方法。 -
config
<Object>
配置信息,有如下一些可用选项:config = { path: 'packages/core-min.js', // 脚本相对路径 fullpath: 'http://xxxx/build/packages/core-min.js', // 脚本绝对路径 csspath: 'cssbase/base-min.css', // CSS 文件相对路径 cssfullpath: 'http://xxxx/build/cssbase/base-min.css', // CSS 文件绝对路径 requires: ['mod1','mod2'] // 指定依赖的模块 }
- Returns:
KISSY
- KISSY 对象。
var S = KISSY;
S.app('TEST');
// 为模块添加命名空间
TEST.namespace('mods');
// 添加模块依赖关系
TEST.add({
'test-core': {
fullpath: 'http://xxxx/build/packages/core-min.js'
},
'test~global': {
requires: ['test-core']
}
});
use
KISSY use ( modNames, callback)
开始加载所需模块,并且在所需模块加载完毕后,执行回调函数。
- Parameters:
-
modNames
<String>
模块的名字,多个模块以“,”分隔。 -
callback
<Function>
加载所需模块完毕后执行的回调函数。
- Returns:
KISSY
- KISSY 对象。
KISSY.use('sizzle', function(){
console.log(S.get('.menu .submenu a'));
});