YUI模块配置
口碑网F2E 正邪 - 2011.06.26
YUI({modules:{
'custom-module-name':{
type: 'js',
path: 'custom-module-name.js',
fullpath:'custom-module-name.js',
requires:[],
optional:[],
supersedes:[],
rollup: 4,
submodules:{
},
plugins:{
},
after:[],
lang:[]
condition: {
test: function(){
return true;
},
'trigger':'xxx',
'when': 'before' & 'after' & 'instead'
},
}
},
loadOptional: false
}).use('custom-module-name', function(Y){});
YUI({
modules:{
'mod-a':{
fullpath:'mod-a.js',
requires:['mod-b']
},
'mod-b':{
fullpath:'mod-b.js'
}
}
}).use('mod-a', function(Y){
//mod-b loaded
//mod-a loaded
});
YUI({
modules:{
'mod-a':{
fullpath:'mod-a.js',
optional: ['mod-b']
},
'mod-b':{
fullpath:'mod-b.js'
}
},
loadOptional: true
}).use('mod-a', function(Y){
//mod-b loaded
//mod-a loaded
});
YUI({modules:{
'mod-a':{
fullpath:'mod-a.js',
requires:['jsonp'],
supersedes: ['jsonp']
},
'mod-b':{
fullpath:'mod-b.js'
}
}}).use( 'mod-a', 'mod-b', function(Y){
Y.log(Y.jsonp); //undefined
YUI().use('jsonp', function(Y){
Y.log(Y.jsonp); //undefined
});
YUI({force: ['jsonp']}).use('jsonp', function(Y){
Y.log(Y.jsonp); //undefined
});
});
YUI().use('jsonp', function(Y){
Y.log(Y.jsonp); //undefined
});
YUI({force: ['jsonp']}).use('jsonp', function(Y){
Y.log(Y.jsonp); //function(){}
});
YUI({
modules:{
'mod-a':{
fullpath:'mod-a.js',
submodules:{
'mod-a-sub1':{
fullpath: 'mod-a-sub1.js'
},
'mod-a-sub2':{
fullpath: 'mod-a-sub2.js'
}
}
}
}
}).use('mod-a-sub1', function(Y){
//mod-a-sub1 loaded
});
YUI({
modules:{
'mod-a':{
fullpath:'mod-a.js',
plugins:{
'mod-a-plugin1':{
fullpath: 'mod-a-plugin1.js'
},
'mod-a-plugin2':{
fullpath: 'mod-a-plugin2.js'
}
}
}
}
}).use('mod-a-plugin1', function(Y){
//mod-a-plugin1 loaded
});
YUI({
modules:{
'mod-a':{
fullpath:'mod-a.js'
},
'mod-b':{
fullpath:'mod-b.js'
}
}
}).use('mod-a', 'mod-b', function(Y){
//mod-a loaded
//mod-b loaded
});
YUI({
modules:{
'mod-a':{
fullpath:'mod-a.js',
after:['mod-b']
},
'mod-b':{
fullpath:'mod-b.js'
},
}
}).use('mod-a', 'mod-b', function(Y){
//mod-b loaded
//mod-a loaded
});
skin: { defaultSkin: 'sam',
base: 'assets/skins/',
path: 'skin.css',
after: ['cssreset',
'cssfonts',
'cssgrids',
'cssbase',
'cssreset-context',
'cssfonts-context']},
YUI({modules:{
'mod-a':{
fullpath:'mod-a.js',
skinnable: true
}
}
}).use('mod-a', function(Y){
//mod-a loaded
// 自动从BASE+mod-a/assets/skins/sam/mod-a.css加载CSS
});
YUI({
lang: 'ko-KR,en-GB,zh-Hant-TW',
modules:{
'mod-a':{
fullpath:'mod-a.js',
"lang": [
"en-GB"
],
}
}
}).use('mod-a', function(Y){
//mod-a loaded
//自动从BASE+mod-a/lang/mod-a_en-GB.js加载js
});
YUI({
modules:{
'mod-a':{
fullpath:'mod-a.js',
condition:{
test: function(){
return true;
},
'trigger': 'mod-b',
'when': 'instead'
//'when': 'before' //mod-a + mod-b
//'when': 'after' //mod-b + mod-a 默认选项
}
},
'mod-b':{
fullpath:'mod-b.js'
},
}
}).use('mod-b', function(Y){
//mod-a loaded
});
Thank You!