如何管理的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！