Как реализовать jQuery.panzoom с помощью node & browserify

Question

На странице плагина github есть следующее объяснение для реализации плагина через загрузчик AMD:

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

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

Answer 1

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

(См.: эти строки исходного кода).

Установка:

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