requireJS在同一个HTML/JSP页面,加载不同版本的jquery

本文介绍了使用requireJS在HTML页面中加载不同版本的jQuery,通过多context方式实现模块共存。然而,这种方式可能导致同一JS文件被多次下载,造成资源浪费。为解决这个问题,提出了利用一个公共的context存放共享模块,确保资源只下载一次。
摘要由CSDN通过智能技术生成

requireJS支持JS模块化,也能够实现在同一个HTML/JSP页面加载不同版本的模块。这个特性太棒了,下面我们看下如何加载多个版本的jquery。假设在HTML页面中,data-main属性入口文件是main.js,文件存放的目录结构如下:

test.html

require.js

main.js

scripts/

    demo1.js

    demo2.js

    libs/

         jquery-1.10.2.js

         jquery-2.1.1.js

 

我们在main.js编写如下代码:

//创建1个context
var reqOne = requirejs.config({
	baseUrl: 'scripts/libs/',
	context:"context1",
	paths:{
		jquery: 'jquery-1.10.2'
	}
});
	
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值