使用seajs时模块化jquery方法解析-职坐标

使用seajs时模块化jquery方法解析

沉沙 2018-05-28 来源：阅读 816 评论 0

摘要：本文讲解了使用seajs时如何模块化jquery，希望阅读本篇文章以后大家有所收获，学会使用seajs时模块化jquery方法，加深大家对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;
    } );
}

本文由职坐标整理发布，更多相关内容，请关注职坐标WEB前端jQuery频道！

web前端学习 jquery实战案例精粹 jquery之家

本文由 @沉沙发布于职坐标。未经许可，禁止转载。