如何使用node＆amp; amp;实现jQuery.panzoom browserify

Question

在plugin's github page上有以下解释通过AMD加载器实现插件：

define([ "jquery", "plugins/jquery.panzoom" ], function( $ ) {
  $(document).ready(function() {
    $(".panzoom-elements").panzoom();
  });
});

但是如何通过nodejs＆amp; amp;来实现这个插件呢？ browserify？

Answer 1

此插件使用UMD（通用模块定义）模式，这意味着您可以像往常一样使用CommonJS / Browserify模块系统，就像任何其他lib /包一样。

（参见：these lines of source code）。

<强>安装：

npm install jquery.panzoom --save

<强>用法：

main.js

var $ = require('jquery');
require('jquery.panzoom');

$(document).ready(function() {
  $(".panzoom-elements").panzoom();
});

<强> Browserify ：

browserify main.js -o bundle.js