wie webpack umd Modulabhängigkeiten (oder erstellen peerDependencies)

Question

Ich habe erstellt mit webpack ein UMD-Modul, um den Inhalt (ohne Komprimierung) beginnen mit verwalten:

(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() { 

Diese Bibliothek hängen von react und für eine signel Komponente innerhalb dieser Bibliothek: react-dom (über react-onclickoutside Paket).

Wenn ich diese Bibliothek mit Webpack erstellen und versuchen, es in einem Projekt zu verwenden. Ich habe einen Fehler beim Beschweren von zwei Kopien von React, der zweite wurde gebündelt.

Also ich muss wissen, was ich als Umd-Modul erwarte.

Ich möchte keine Reaktion aufbauen, ich möchte nicht auf Peer-Abhängigkeiten reagieren.

Soll ich react als Parameter dieses umd-Moduls sehen?

Wie kann ich von einer reaktiven Anwendung dieses Modul laden?

Wie kann ich ausschließen reagieren? Ich habe die meisten Dokumentationsbeispiele ausprobiert, wenn jemand ein Arbeitsbeispiel oder ein Arbeitsbeispiel hat.

Dank

Answer 1

Dies ist möglich, indem die externals Eigenschaft. Wenn externe Elemente angegeben werden, werden sie als Argumente innerhalb des UMD-Wrappers hinzugefügt.

Sie können auf unserer neuen Dokumentseite auf this new guide verweisen !!