Webpack 外部组件似乎不适用于嵌套 objects。

Question

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

externals: {
    react: {
       root: React
    }
  }

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

我如何使用外部工具执行此操作？我试过这样

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

但是没用。我错过了什么？

Answer 1

你应该指定它在全球范围内的表现，试试看：

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

Answer 2

终于找到了这个问题的答案

externals: {
  react: "parent.React"
}

是正确的方法

Webpack externals doesn't seem to work for nested objects.