Javascript 如何将React库提取到单独的bundle？

是否可以通过Webpack 4将React和（或）ReactDOM库提取到单独的包中？ 例如，我有React应用程序，其中包括React、ReactDOM和Moment.js包。因此，我预计结果是两个捆绑包：

• react.js

  =react+react-dom

• main.js

  =矩+应用程序组件

---

如何拆分捆绑包取决于软件包的名称，而不是入口点的使用频率？

Hi@VRSY在花了一些时间理解webpack的

SplitChunksPlugins.js

之后，我想出了如何编写正则表达式来提取Sperate供应商块中的节点模块

splitChunks: {
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
          name: 'vendor',
          chunks: 'all',
        }
      }
    }

新块将大于30kb

---

我以前在为模块文件夹名编写正则表达式时犯了一个错误。但是相对路径正则表达式是匹配正则表达式的好方法。

您正在寻找的概念通常被称为“代码拆分”和创建“供应商区块”：是的，您是对的。但我想知道是否可以实现手动设置此拆分。所以我希望在我的供应商包中只看到React和ReactDOM，而不是片刻。谢谢，@JamesHulse。我检查了这个线程，它有助于meThis。这个线程无助于分离only react和react dom