2014-09-22 92 views
2

我是新來的Npm包(來自Ruby)並嘗試加載不一定在NPM上的jQuery插件。我正在構建Chrome擴展程序。下面的代碼正在被注入瀏覽器的content.js腳本中使用。所以像格式化和日期選擇器這樣的組件是可取的。使用Npm模塊時的jQuery插件

在我的應用程序文件的頂部,我有以下幾點:

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"); 

這並不becausae它的工作無法找到腳本$。所以然後我嘗試:

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

這也沒有工作。

我顯然不知道我在做什麼,但希望這比看起來更容易。

謝謝!

+1

您正在開發客戶端代碼還是服務器端代碼?如果你正在開發服務器端代碼,你想用jQuery和jQuery日期選擇器插件做什麼?您可能需要備份並解釋您實際嘗試在更高級別完成的內容。 – jfriend00 2014-09-22 15:25:18

+0

客戶端。它是Chrome擴展的content.js腳本。 – brandonhilkert 2014-09-22 15:48:19

回答

6

我有同樣的問題,這樣做:

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

做$和jQuery全球滿足的插件,我只是用這樣的:

require('./jquery-datepicker'); 

在其他情況下,我儘量避免全局變量,但在jQuery的情況下,我認爲如果你不這樣做,你會反對穀物。如果您有興趣,我使用browserify來使用節點樣式模塊客戶端。