Webpack 如何知道网页包'；s 4分割块有效吗？

我试图补充

  optimization: {
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          chunks: 'all'
        }
      }
    }
  },

到我的网页配置文件，但当我比较网络时，加载包在匿名，有和没有该配置，两者都是相同的

运行构建也会产生相同的输出

有没有其他方法可以确定它是否有作用

---

我想要实现的是，我的站点上的每个页面都有自己的块，只有在导航到该页面时才会加载块

好的，要将每页的每个块分开，您应该使用，这是一种代码拆分技术。通过使用它，你明确地告诉webpack你不需要它，直到它是必需的

它是干什么的？它是一个“包装器”，被转换为

require。确保
，它返回一个承诺。因为这是一个承诺，所以可以在未来的道路上提出要求

为此，您：
import（“path/To/whatever”）。如果你想做某事，例如，在react中

导入（“组件”）。然后（（c）=>返回）
会产生相同的输出，因为这是默认输出，您不会“更改”任何内容。我想实现每个页面都有一个单独的块，以及默认的优化，有可能吗@Playma256是的，我会发布一个答案。所以我必须更新项目中所有文件中的所有（或大部分）导入？从
从'y'导入x；从“w”导入z导入
导入（“x”）。导入（y）。然后（（c）=>…
？这看起来像是一个回调地狱。而且，用承诺包装每个类或组件似乎不是ES6/React方法……这只是一个例子，显然还有很多其他方法可以做到这一点。寻找延迟加载路由或代码拆分路由级别。这可以通过使用
React loadable
或类似的方法来实现。B是的，理论上，如果你真的需要的话，你必须改变所有的导入。我知道这已经开始偏离主题了，但是你如何使用react-loadable和routes和containers？我可能会问另一个问题。看看它是使用react-loadable和SSR。