node.js - 如何使用 Node 和 browserify 实现 jQuery.panzoom

Question

关于plugin's github page通过 AMD loader 实现插件的解释如下:

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

但是我如何通过nodejs和browserify实现这个插件呢？

Answer 1

此插件使用 UMD(通用模块定义)模式，这意味着您也可以像任何其他库/包一样将它与 CommonJS/Browserify 模块系统一起使用。

(参见: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 main.js -o bundle.js