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