如何使jQuery插件可用requirejs加载
我正在与requirejs+jquery合作，我想知道是否有一种聪明的方法可以让jQuery插件很好地与require一起工作。
例如，我使用jQuery-cookie。如果我理解正确的话，我可以创建一个名为jquery-cookie.js的文件，并在里面做
define(["jquery"], // Require jquery
function($){
// Put here the plugin code.
// No need to return anything as we are augmenting the jQuery object
});
requirejs.config( {
"shim": {
"jquery-cookie" : ["jquery"]
}
} );我想知道我是否可以像jQuery那样做事情，就像这样：
if ( typeof define === "function" && define.amd && define.amd.jQuery ) {
define( "jquery", [], function () { return jQuery; } );
}或者如果这是使jQuery插件与requirejs或任何amd兼容的唯一方法。
回答 2
Stack Overflow用户
发布于 2012-08-10 03:04:38
在http://requirejs.org/docs/api.html#config-shim上指出，在RequireJS中使用填充程序配置有一些注意事项。也就是说，当您使用优化器时，“不要在构建中混合使用CDN加载和shim config”。
我一直在寻找一种方法，在有和没有RequireJS的网站上使用相同的jQuery插件代码。我在https://github.com/umdjs/umd/blob/master/jqueryPlugin.js上找到了这个用于jQuery插件的代码片段。你将你的插件包装在这段代码中，无论哪种方式，它都能正常工作。
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module depending on jQuery.
define(['jquery'], factory);
} else {
// No AMD. Register plugin with global jQuery object.
factory(jQuery);
}
}(function ($) {
$.fn.yourjQueryPlugin = function () {
// Put your plugin code here
};
}));这归功于jrburke；就像很多javascript一样，它的函数内部的函数作用于其他函数。但我想我已经解开了它正在做的事情。
第一行中的函数参数factory本身就是一个函数，它被调用来定义$参数上的插件。当不存在兼容AMD的加载器时，会直接调用它来定义全局jQuery对象上的插件。这就像常见的插件定义习惯用法：
function($)
{
$.fn.yourjQueryPlugin = function() {
// Plugin code here
};
}(jQuery);如果有模块加载器，则将factory注册为加载器的回调，以便在加载jQuery后调用。加载的jQuery副本是参数。它相当于
define(['jquery'], function($) {
$.fn.yourjQueryPlugin = function() {
// Plugin code here
};
})Stack Overflow用户
发布于 2016-08-10 01:11:28
就像所有的jquery插件都已经使用了amd/require一样，你不需要在填充程序中声明任何东西。事实上，在某些情况下，这样做可能会给您带来问题。
如果您查看jquery cookie JS，您将看到定义调用和要求(“jquery”)。
在jquery.js中，您将看到调用define("jquery"，[]，function()...
https://stackoverflow.com/questions/10918063
复制相似问题
腾讯云开发者
