Краткий справочник

Шпаргалка по Universal Module Definition (UMD)

Краткое справочное руководство по шаблонам UMD в JavaScript: создание модулей, совместимых с AMD (RequireJS), CommonJS (Node.js) и глобальными переменными браузера.

· Опубликовано

Шаблон Universal Module Definition (UMD) позволяет создавать библиотеки JavaScript, которые безупречно работают в средах CommonJS (Node.js), AMD (RequireJS) и через тег <script> в браузерах.

UMD с внешними зависимостями

;(function (root, factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD. Регистрация в качестве анонимного модуля
    define(['b'], factory);
  } else if (typeof module === 'object' && module.exports) {
    // Node.js / CommonJS
    module.exports = factory(require('b'));
  } else {
    // Глобальные переменные браузера (root — это window)
    root.myModule = factory(root.b);
  }
}(typeof self !== 'undefined' ? self : this, function (b) {
  // Реализация модуля
  function myModule() {}
  myModule.prototype.doSomething = function () {};

  return myModule;
}));

Автономный UMD-модуль без зависимостей

;(function (root, factory) {
  if (typeof define === 'function' && define.amd) {
    define([], factory);
  } else if (typeof module === 'object' && module.exports) {
    module.exports = factory();
  } else {
    root.myUtility = factory();
  }
}(typeof self !== 'undefined' ? self : this, function () {
  return {
    greet: function (name) {
      return 'Привет, ' + name + '!';
    }
  };
}));

Ссылки и документация

Связанные темы