现在模块化基本上已经深入人心了,所以我们一般都会使用一些模块化的工具例如sea.js,require.js那么如何将jquery引入到其中进行使用呢。废话不多说了,直接上代码:
将jquery引入sea.js的方法,直接在sea.js的源码中加入以下代码即可.
if ( typeof define === "function" ) {
define(function(){return jQuery});
}
将jquery引入require.js的方法,在主入口文件及main.js中使用以下代码即可引入
require.config({
baseUrl: "./Content/libs",//设置根路径
paths: {//引入所需要的插件,这里不需要加.js,因为require.js默认会查找js文件(加了反而会报错)
jquery: "jquery-1.9.1.min",
zoom: "zoom.min"
},
shim: {//引入非AMD规范的模块,例如zoom插件
'zoom': {
deps: ["jquery"]//deps数组,表明该模块的依赖性(这里表示依赖jquery)
},
'jquery.scroll':{
deps:["jquery"],
exports: 'jQuery.fn.scroll'//exports表示外部引用时的名称
}
}
});