javascript - RequireJS如何引用jQuery2.*版本和1.*版本

查看:165
本文介绍了javascript - RequireJS如何引用jQuery2.*版本和1.*版本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

jquery文件放在lib路径下,怎么在项目中不同的目录下引用不同版本的jquery?

目录结构:

object:
    ----index.html
        ----lib
            ----jquery-2.2.0.min.js
            ----jquery-1.11.3.min.js
            ----require.js
        ----statics
            ----main.js
            
require.config({
    paths:{
        'lib':'../lib'
    },
    map:{
        '*':{
            'jquery':'lib/jquery-2.2.0.min'
        },
        'statics/html':{
            'jquery':'lib/jquery-1.11.3.min'
        }
    }
    
})

调用jQuery

require(['jquery'],function($){
    $('h2').css({'color':'red'})
})

通过map设置,引用位置不对,引用的是baseUrl/jquery.js;

http://127.0.0.1:8080/statics/jquery.js 
Uncaught Error: Script error for: jquery

那么,怎么在项目中不同的目录下引用不同版本的jquery?

var reqOne = requirejs.config({

  baseUrl: '../lib/',
  context:"context1",
  paths:{
    jquery: 'jquery-2.2.0.min'
  }
});
    
reqOne(['jquery'],
    function($) {    
    //用2.2.0做点什么;
      console.log("v1=" + $().jquery);                                    
});
        
var reqTwo  = requirejs.config({
  baseUrl: '../lib/',
  context:"context2",
  paths:{
    jquery: 'jquery-1.12.3.min'
  }
});
  
reqTwo(['jquery'],
    function($) {        
    //用1.12.3做点什么;
      console.log("v1=" + $().jquery);                                        
});

是这样解决的……搞不明白map什么作用

解决方案

是这样解决的……搞不明白map什么作用了

var reqOne = requirejs.config({
  baseUrl: '../lib/',
  context:"context1",
  paths:{
    jquery: 'jquery-2.2.0.min'
  }
});
    
reqOne(['jquery'],
    function($) {    
    //用2.2.0做点什么;
      console.log("v1=" + $().jquery);                                    
});
        
var reqTwo  = requirejs.config({
  baseUrl: '../lib/',
  context:"context2",
  paths:{
    jquery: 'jquery-1.12.3.min'
  }
});
  
reqTwo(['jquery'],
    function($) {        
    //用1.12.3做点什么;
      console.log("v1=" + $().jquery);                                        
});

这篇关于javascript - RequireJS如何引用jQuery2.*版本和1.*版本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆