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 !!

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

1 个答案: