尽管在 gatsby webpack 配置中将 optimization.splitchunks 设置为 false，为什么我仍然收到分块代码？

Question

我用 Gatsby React 编写了静态 Web 应用程序，我想禁用以块形式生成 javascript 代码的 webpack 选项，因为我们遇到了一些块加载错误，并发现这是一种不可持续的做法。我禁用了该选项，在文件 gatsby-node.js 文件中设置它，如下所示：

exports.onCreateWebpackConfig = ({ getConfig, actions }) => {
  const config = getConfig();
  const newConfig = {
    ...config,
    devtool: false,
    optimization: {
      splitChunks: false
    }
  }
  actions.replaceWebpackConfig(newConfig);
};

这解决了我们无法获取块的问题，但是当我查看页面源时，我们仍然在该页面中获取一些块。我不明白为什么会这样......我认为所有的代码将位于一个缩小的 js 文件中，没有任何块。 谁能解释我缺少什么？也许我实际上不应该在 webpack 的配置中使用这个选项？我试图在 gatsby 文档中找到有关此选项的任何内容，但没有找到对我的问题的任何解释。

Answer 1

也许这将有助于限制总块数https://webpack.js.org/plugins/limit-chunk-count-plugin/