require.config({
urlArgs: "v=" + new Date().getTime(),
baseUrl: "./js",
paths: {
jquery1:["//cdn.bootcss.com/jquery/1.11.1/jquery","lib/jquery-1.11.1"],//数组,如果前面没有的话就加载后面的。
jquery:["//cdn.bootcss.com/jquery/1.11.1/jquery","lib/jquery-1.11.1"],//数组,如果前面没有的话就加载后面的。
jquery2:["//cdn.bootcss.com/jquery/1.11.1/jquery","lib/jquery-1.11.1"],//数组,如果前面没有的话就加载后面的。
jia:"common/jia",
bean:'common/bean'
},
shim: {
jquery2:{
exports:'$'//可以将不是AMD规范的文件输出一个对象,成为define或者require回到函数的参数。字符串。
},
bean:{
init:function(){//init 是一个函数,类似exports 将不符合AMD规范的转为一个对象输出。
return {
get:get,
set:set
}
},
deps:['https://cdn.bootcss.com/angular.js/1.6.5/angular.min.js']//依赖这个文件
}
}
});
console.log(require == requirejs);
//jquery源码中有如下代码
//if ( typeof define === "function" && define.amd ) {
// define( "jquery", [], function() {
// return jQuery;
// });
//}
//模块名字是jquery,
require(['jquery1'],function(_$){
console.log("1_$",_$);//undefined
console.log("1$",$)//全局的jQuery
});
require(['jquery'],function(_$){
console.log("_$",_$);//局部jQuery
console.log("$",$)//全局的jQuery
});
require(['jquery2'],function(_$){
console.log("2_$",_$);//局部jQuery
console.log("2$",$)//全局的jQuery
});
require(['bean'],function(bean){
console.log("bean:",bean);
});
bean.js 代码如下:
var num;
function set(n) {
num = n;
};
function get() {
return num;
}