require.js的好处以及用法(三)

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;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值