使用 Npm 模块时的 jQuery 插件答案

【问题标题】：jQuery plugin when using Npm modules使用 Npm 模块时的 jQuery 插件
【发布时间】：2014-09-22 15:13:32
【问题描述】：

我是 Npm 包（来自 Ruby）的新手，并尝试加载不一定在 NPM 上的 jQuery 插件。我正在构建一个 Chrome 扩展程序。下面的代码正在被注入浏览器的content.js 脚本中使用。所以像格式化和日期选择器这样的组件是可取的。

在我的应用文件的顶部，我有以下内容：

var React = require("react");
var $ = require("jquery");
var moment = require("moment");

一切正常，但现在我想添加一个插件，我不太确定将它放在哪里以及如何让应用程序访问它。我试过像这样加载它：

var React = require("react");
var $ = require("jquery");
require("./jquery-datepicker");
var moment = require("moment");

这不起作用，因为它在脚本中找不到$。于是我尝试了：

require("./jquery-datepicker")($);

那也没用。

我显然不知道自己在做什么，但希望这比看起来容易。

谢谢！

【问题讨论】：

您是在开发客户端代码还是服务器端代码？如果您正在开发服务器端代码，您想用 jQuery 和 jQuery 日期选择器插件做什么？您可能需要备份并解释您在更高级别上实际尝试完成的任务。
客户端。这是 chrome 扩展的 content.js 脚本。

【解决方案1】：

我遇到了同样的问题并这样做了：

window.jQuery = require('jquery');
window.$ = window.jQuery;

使 $ 和 jQuery 全局满足我只是这样使用的插件：

require('./jquery-datepicker');

在所有其他情况下，我都避免使用全局变量，但在 jQuery 的情况下，我认为如果你不这样做，你就会违背常规。如果您有兴趣，我使用 browserify 来使用节点样式模块客户端。

【讨论】：