quirejs : http://www.requirejs.cn/
叶小钗 : http://www.cnblogs.com/yexiaochai/p/3214926.html
app.js 展示：
//<script data-main="js/app.js" src="js/require.js"></script> 页面引入;
requirejs.config({
baseUrl: 'js', // 所有模块的查找根路径;
paths: { // 快捷路径;
js : 'js',
logo: 'logo',
lib : 'lib'
},
shim: { // 声明依赖关系;
'jquery.fixedHead': { //插件的名字;
deps: ['jquery'], //需要加载的依赖项的数组;
exports: 'fixedHead', //自己写的小插件的别名，需要依附于Jquery;
init :function (bar) { //承接库加载后的初始工作,说白了就是处理插件没有define包成块的模块;
return this.fixedHead.noConflict();
}
}
},
map: { //用来解决同一个模块的不同版本问题;
'A': {
'jquery': 'jquery-1.6.4'
},
'B': {
'jquery': 'jquery-1.7.2'
}
},
scriptType :'text/javascript;version=1.8', //指定RequireJS将script标签插入document时所用的type=""值;
context : ['footer'] //指定要加载的一个依赖数组;
});
//常用也就这些;
requirejs(['lib/jquery-1.8.3.min','logo/logo','fixed-head'],
function ($,logo) {
});
logo.js 展示：
define(['lib/head','index'],function(head,index) { //依赖注入到模块
var headJson = head;
var cssUrl = require.toUrl("../css/base.css"); //生成相对于模块的URL地址;
console.log(cssUrl); //执行这个地址;
console.log( headJson.h ); //执行lib/head.js 里的h方法;
return { // 对外输出的方法;
show : function(){
alert('你就没登陆');
}
}
});
requirejs 模块可以转成commonjs 模块
head.js 展示:
define(function(require, exports, module) {
var c = require('../common');
console.log( c.aa() );
return {
h : 'head.js'
}
});
common.js 代码展示:
define(function(require, exports){
exports.aa = function(){
return 'common.js';
}
});
后记：
注意初始化的 baseUrl 根目录的位置，剩下都和 sea.js差不多 还能转化成sea.js。