在Webpack中分离外部

Question

我试图分开React＆amp; React Dom来自我的一个JS版本（server-sitecore），但似乎无法在线找到任何这样的例子。也许这不是唯一的解决方案。

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

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

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

externals: { 'react': 'React', 'react-dom': 'ReactDOM' }

如何从＆＃39; server-sitecore＆＃39;中删除这两个依赖项？建？

由于

Answer 1

您可以在多编译器模式下使用webpack以获得更多控制权。基本理念：

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

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