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