Module Federation — это технология в Webpack 5, позволяющая динамически загружать и использовать модули из других сборок во время выполнения приложения. Это облегчает создание микрофронтендов, где разные части приложения могут разрабатываться и деплоиться независимо.

Основные преимущества:

Разделение кода между командами
Повторное использование компонентов
Обновление частей приложения без полной сборки

На практике я использовал Module Federation для интеграции нескольких микрофронтендов в единый интерфейс, что позволило командам работать автономно и ускорило релизы.

Пример конфигурации в Webpack:

// В host-приложении
new ModuleFederationPlugin({
  name: 'host',
  remotes: {
    remoteApp: 'remoteApp@http://localhost:3001/remoteEntry.js',
  },
});

// В remote-приложении
new ModuleFederationPlugin({
  name: 'remoteApp',
  filename: 'remoteEntry.js',
  exposes: {
    './Button': './src/Button',
  },
});

Это позволяет host-приложению импортировать компонент Button из remoteApp динамически.

Знаком ли ты с Module Federation? Доводилось ли использовать его на проекте?