Why does Module Federation still put non-shared dependencies as a separate vendor chunk?

[hskrishandi]

I noticed that even when I don't put anything into the shared field, Module Federation will still generate a separate chunk for the dependencies (vendor chunks).

e.g With the following setup

// index.js
import axios from 'axios'
import lodash from 'lodash';

// webpack.config.js
module.exports = {
  ...
  new ModuleFederationPlugin({
      name: 'app1',
      filename: 'remoteEntry.js',
      exposes: {
        '.': './src/index.js',
      }
      // no `shared` field
}

Then I will get two files related to the module federation:

• the chunk for index.js
• vendor chunk containing both axios and lodash

Is there a way so that the module federation can just produce 1 chunk that contains all index.js, axios, lodash? If it's not possible, then may I know the reason of why vendor codes need to be separate chunk, even though it's not specified in shared? Since vendor_* will always get downloaded when index is loaded anyway.

Thanks beforehand, it's been a really awesome experience using this plugin 🙏