使用seajs时如何模块化jquery

最近接手了一个旧项目, 用到了 seajs 和 jquery。

问题

---

但是在升级 jquery 的过程中(jquery1.9 ---> jquery2.2.4), 遇到了下面的问题:

var $ = require('jquery'); // error: $为null

原因

---

• jquery 的加载路径是正确的, 但是 $ 却一直为 null。

• seajs 中 require 调用有两种方式:

  • 只传递一个 factory function, 那么这个模块就会匿名，模块(单个文件可以这样设置)

  • 传递 define(module_id, dependency, factory), 这个模块就是个具名模块(module_id 和 path 要保持一致)(一个文件包含多个模块)

如果具名模块的id(module_id) 和 require() 的参数不匹配时, 就会返回 null, 这就是加载 jquery 为 null的原因。

解决办法

---

修改jquery源码末尾中, 修改(jquery不同的版本, 可能这部分不一样)

if ( typeof define === "function" && define.amd ) {
    define( "jquery", [], function() {
     return jQuery;
     } );
}

为:

if ( typeof define === "function") {
    define(function() {
        return jQuery;
    } );
}