如何提取React库以单独打包？

Question

是否可以通过Webpack 4提取React和（或）ReactDOM库以分离包？ 例如，我有一个React应用程序，其中包括React，ReactDOM和Moment.js包。因此，我希望得到两个捆绑包：

• react.js = react + react-dom
• main.js =时刻+应用程序组件

如何根据捆绑包的名称而不是进入点的使用频率来拆分捆绑包？

Answer 1

您好@VRSY，花了一些时间来了解webpack的SplitChunksPlugins.js之后，我弄清楚了如何编写RegEx来提取矛状供应商块中的node_modules。

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

  

新块将大于30kb

在为模块文件夹名称编写正则表达式时，我做错了。但是相对路径正则表达式是匹配正则表达式的一个好选择。