使用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來使用節點樣式模塊客戶端。