使用Npm模块时的jQuery插件

Question

我是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")($);

那也行不通.

我显然不知道我在做什么,但希望这比它看起来更容易.

谢谢!

Answer 1

我有同样的问题,并做了这个:

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

使$和jQuery全局满足我简单使用的插件:

require('./jquery-datepicker');

在所有其他情况下,我避免使用全局变量,但在jQuery的情况下,如果你不这样做,我认为你会反对谷歌.如果您有兴趣,我使用browserify来使用节点样式模块客户端.