Javascript 代码拆分将所有捆绑包加载到html中

代码拆分如何知道哪些块与哪个条目对应？例如，我有两个页面，一个页面使用AgGrid，另一个页面使用ReactTable

我将代码拆分并获取vendor.1.bundle.js（包含AgGrid）和vendor.2.bundle.js（包含reactable）

我设置了我的条目：

    entry: {
      index: './src/index.jsx',
      review: './src/review.jsx'
    },

    optimization: {
      splitChunks: {
        chunks: 'all'
      },

     // plugins
     new HtmlWebpackPlugin({
        filename: 'index.html',
        inject: true,
        excludeChunks: ['review'],
        template: 'src/pages/index.html'
      }),
      new HtmlWebpackPlugin({
        filename: 'review.html',
        inject: true,
        excludeChunks: ['index'],
        template: 'src/pages/review.html'
      }),

我最终得到的是两个html文件，其中包含两个供应商文件，而不是一个包含每页所需的DEP的供应商文件

使用AgGrid的索引不应该只加载vendor.1.bundle.js和review.html吗？我认为这就是代码拆分的重点。否则，为什么不在两个页面之间创建一个巨大的共享包呢？我认为这样做会违背这一点。不确定我在这个设置中做错了什么