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

Question

在插件的 github 页面上，通过 AMD loader 实现插件的解释如下：

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

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

Answer 1

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

（参见：这些源代码行）。

安装：

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