CommonJS - 如何将 jquery 和 jquery-plugin 组合到 $ 命名空间中

Question

我要做的是调整我的 jQuery 插件以在 Node.js 上与 jQuery 一起使用。

据我了解，CommonJS 最基本的形式需要将库包装在闭包中，并且该闭包应作为“导出”参数的参数提供。这样，代码整齐地包含在自己的命名空间中（通过命名变量），并且不会污染全局命名空间。

jQuery 本身应该属于 '$' 命名空间。

阿拉：

var $ = require(jquery);

但我的插件也应该适合 '$' 命名空间。

插件代码：

(function( $ ) {
  // plugin code goes here
})(jquery);

exports.jquery = jquery // will this work?

例如：

var $ = require(jquery);
$ = require(jquery-csv.js); // will this work?

要在浏览器中工作，所有内容都设置为可从“$”命名空间调用，即使我的模块设置为“$”的子命名空间（即“$.csv”）。

是否有一种标准方法可以对单个命名空间执行多个要求？如果没有，是否有可行的替代方案（例如对插件代码进行浅拷贝）？

注意：匿名函数包装遵循standard jquery guidelines。

注意：此修复将应用于 jquery-csv 插件。

Answer 1

你应该需要 jQuery inside 你的插件：

var $ = require("jquery");

这也是 UMD (Universal Module Definition) 中的技术，CommonJS 和 AMD 的标准。

另见example for a jQuery plugin with UMD

Answer 2

我能想到的最简单的方法是执行以下操作：

var $ = require("jquery");
require("jquery-csv")($);

这也意味着你可以这样做：

module.exports = exports = function (jquery) {
    //You modify the jquery object here.
};

$ 对象的修改应按照 jQuery 插件的建议进行。我相信你已经知道他们所说的了。

我相信有人会想出一个更聪明的方法:) 但这现在应该可以了。您也可以只返回一个修改后的 jquery 对象，然后将其分配给您最初包含该模块的范围内的 $ 对象。

Answer 3

原来答案比我想象的要简单...

var $ = jQuery = require('jquery');
require('./jquery.csv.js');

调用“require”而不将其分配给变量/命名空间与脚本导入的作用相同（即它可以操作存在于全局命名空间中的对象）。

第一行负责正确初始化 jquery。完成后，jquery-csv 可以像在浏览器中一样修改现有的 '$' 命名空间。

第二个赋值 'jQuery' 是必要的，因为 jquery-csv 在此处获取对 'jquery' 实例的引用。这可能会缩短为仅分配给“$”，但“jQuery”是插件指南指定用于引用库的值。