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'));
});
homeseed › loader :

Methods