Webpack externals 似乎不适用于嵌套对象。答案

【问题标题】：Webpack externals doesn't seem to work for nested objects.Webpack externals 似乎不适用于嵌套对象。
【发布时间】：2019-01-05 05:50:40
【问题描述】：

我像这样使用我的 webpack 外部组件，它工作正常。

externals: {
    react: {
       root: React
    }
  }

但是现在我正在为一个子窗口注入 webpack 脚本，所以 React 现在可以在 window.parent 中使用，而不是 Window。所以基本上任何导入 React 的调用都应该回退到 window.parent.React

我如何使用 externals 来做到这一点？我试过这样的

externals: {
    react: {
       root: ["parent", "React"]
    }
  }

但它不起作用。我错过了什么？

【问题讨论】：

【解决方案1】：

终于找到答案了

externals: {
  react: "parent.React"
}

是正确的方法

【讨论】：

【解决方案2】：

你应该指定它将如何在全局上，尝试一下：

externals: {
  react: {
    root: "window.parent.React"
  }
}

【讨论】：

我确实试过这个，但没用。我在 webpack 制作的包中搜索了字符串“window.parent.React”，唯一出现的地方是这样的注释 // EXTERNAL MODULE: external {"root":"window.opener.React"} var external___root___window_opener_React__ = webpack_require__("275976081ce1abf67779"); var external___root___window_opener_React___default = /*#__PURE*/__webpack_require__.n(external___root___window_opener_React__);