javascript - 使用 Npm 模块时的 jQuery 插件

Question

我是 Npm 包(来自 Ruby)的新手，正在尝试加载一个不一定在 NPM 上的 jQuery 插件。我正在构建一个 Chrome 扩展。下面的代码用于注入(inject)到浏览器中的 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 在客户端使用 Node 样式模块。