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

Question

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

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

How to implement jQuery.panzoom with node & browserify