как управлять зависимостями модулей WebPack UMD (или создать peerDependencies)

Question

я создал с WebPack модуль UMD, содержание (без сжатия) начинаются с:

(function webpackUniversalModuleDefinition(root, factory) { 
    if(typeof exports === 'object' && typeof module === 'object') 
    module.exports = factory(); 
    else if(typeof define === 'function' && define.amd) 
    define("bootstrap-styled", [], factory); 
    else if(typeof exports === 'object') 
    exports["bootstrap-styled"] = factory(); 
    else 
    root["bootstrap-styled"] = factory(); 
})(this, function() { 

Этой библиотекой зависят от react и для signel компоненты в этой библиотеке: react-dom (до react-onclickoutside упаковка).

Когда я создаю эту библиотеку с помощью webpack и пытаюсь использовать ее в проекте. У меня есть ошибка, жалующаяся на две копии React, вторая в комплекте.

Поэтому мне нужно знать, чего я ожидаю от модуля Umd.

Я не собираюсь реагировать на это, я не буду реагировать на равные зависимости.

Должен ли я видеть react в качестве параметра этого модуля umd?

Из приложения-приложения, как загрузить этот модуль?

Как я могу исключить реакцию? Я пробовал большинство примеров документирования, если у кого-то есть рабочий пример или пример.

Благодаря

Answer 1

Это возможно с помощью externals собственности. Когда указаны внешние значения, они будут добавлены в качестве аргументов внутри оболочки UMD.

Вы можете ссылаться на this new guide с нашей новой страницы документов!