使用seajs时如何模块化jquery

2024年4月27日 124次阅读 来源: 无名小子

最近接手了一个旧项目, 用到了 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;
    } );
}
    原文作者：无名小子
    原文地址: https://segmentfault.com/a/1190000008904921
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞