Как реализовать jQuery.panzoom с узлом и browserify

Question

На plugin's github page есть следующее объяснение реализовать плагин с помощью загрузчика AMD:

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

Но как я реализовать этот плагин через nodejs & browserify?

Answer 1

Этот плагин использует шаблон UMD (Universal Module Definition), что означает, что вы можете использовать его также с системой CommonJS/Browserify, как обычно, как и любой другой lib/package.

(См .: 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