如何管理 webpack umd 模块依赖（或创建 peerDependencies）答案

【问题标题】：How to manage webpack umd module dependencies (or create peerDependencies)如何管理 webpack umd 模块依赖（或创建 peerDependencies）
【发布时间】：2017-05-12 01:31:17
【问题描述】：

我用 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，我希望 React 成为对等依赖项。

我应该将react 作为这个 umd 模块的参数吗？

如何从 React 应用程序加载此模块？

如何排除 React？我已经尝试了大多数文档示例。

【问题讨论】：

标签： reactjs gulp webpack jsx umd

【解决方案1】：

这可以通过使用externals 属性来实现。当指定 externals 时，它们将作为参数添加到 UMD 包装器中。

您可以从我们的新文档页面引用this new guide！！

【讨论】：