如何用节点实现jQuery.panzoom &浏览器化

Question

在插件的github页面上，有以下解释可以通过AMD加载程序来实现这个插件：

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

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

Answer 1

这个插件使用UMD ()模式，这意味着您也可以和任何其他lib/package一样与CommonJS/Browserify模块系统一起使用它。

(见：这些源代码行)。

安装

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