使用Npm模块时的jQuery插件

jQuery plugin when using Npm modules

本文关键字：jQuery 插件 Npm 模块 使用      更新时间：2023-09-26

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

这也没用。

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

谢谢！

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

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

使$和jQuery全局化可以满足我简单使用的插件：

require('./jquery-datepicker');

在所有其他情况下，我都避免全局变量，但在jQuery的情况下，如果不这样做，我认为这是违背初衷的。如果你感兴趣的话，我使用browserfy来使用节点样式的模块客户端。

相关文章：