reactjs - 我们如何在 webpack.config.prod.js 文件中使用 webpack 的 commonsChunkPlugin

Question

我们的 react 项目中有两个 webpack 配置文件。

webpack.config.dev.js - 用于开发构建

webpack.config.prod.js - 用于生产构建

我在两个 webpack 配置文件中使用以下相同的代码将我的主 bu​​ndle.js 文件拆分为块，以便在浏览器中更快地加载它。它在开发版本中运行良好，我可以看到该应用程序在浏览器中运行而没有任何错误。

new webpack.optimize.CommonsChunkPlugin({
  name: 'commons',
  filename: 'static/js/commons.js',
  minChunks: function (module) {
    // this assumes your vendor imports exist in the node_modules directory
    return module.context && module.context.includes('node_modules');
  },
});

当我创建生产版本时，它已成功创建生产版本，但是当它在浏览器中运行时，在控制台中出现以下错误。

期待答案。

提前致谢。