javascript - 在 Webpack 中分离外部

Question

我试图将 React 和 React Dom 从我的一个 JS 构建 (server-sitecore) 中分离出来，但似乎无法在网上找到任何这样的例子。也许这不是唯一的解决方案。

在我的 Webpack 包中，条目如下:

<code>
entry: {
   'server-node': [
       './src/router'
    ],
    'server-sitecore': [
       './src/reactsitecore/index'
    ],
    client: [
        './src/client/index'
    ]
}
</code>

如果我按如下方式添加以下外部组件，那么可以理解的是，它会从所有构建中删除这两个依赖项...

外部:{ ' react ':' react '， ' react -dom':'ReactDOM' }

如何从“server-sitecore”构建中删除这两个依赖项？

谢谢

Answer 1

您可以在多编译器模式下使用 webpack 以获得更多控制。基本思路:

module.exports = [{... config ...}, ...];

在这种情况下，您可以将条目分成两个类似的配置。如果你想在它们之间共享位，你可以尝试像 webpack-merge 这样的解决方案。 (免责声明:我是作者)。