使用seajs时如何模块化jquery

无名小子

最近接手了一个旧项目, 用到了 seajsjquery

问题


但是在升级 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;
    } );
}
阅读 2.6k

没时间解释了,大家快上车

630 声望
23 粉丝
0 条评论

没时间解释了,大家快上车

630 声望
23 粉丝
文章目录
宣传栏