Code Splitting загружает все пакеты в html

Question

Как разделение кода знает, какие куски go с какой записью? Например, у меня есть две страницы, на странице используется AgGrid, а на другой странице, например, ReactTable.

Я разделяю код и получаю vendor.1.bundle. js (содержит AgGrid) и vendor.2.bundle. js (содержит ReactTable)

Я настроил свою запись:

    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 файла с обоими файлами вендора, а не один файл вендора, содержащий необходимые для каждой страницы deps.

Не должен ли индекс, использующий AgGrid, загружать только vendor.1.bundle. js и просматривать. html загружать только vendor.1. html? Я думал, что это было точкой разделения кода. В противном случае, почему бы просто не сделать 1 огромный общий пакет между обеими страницами, я думаю, что это победит. Не уверен, что я делаю неправильно в этой настройке, однако.