Что такое технология Module Federation в Webpack

Module Federation позволяет загружать части приложения (модули) из других сборок во время выполнения. Это микрофронтенд-подход, где разные приложения могут обмениваться кодом динамически.

Ключевые особенности:

• Разделение зависимостей между приложениями
• Динамическая загрузка модулей из удалённых источников
• Независимое развертывание микрофронтендов

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

// host-app webpack.config.js
new ModuleFederationPlugin({
  name: 'host',
  remotes: {
    remoteApp: 'remoteApp@http://example.com/remoteEntry.js'
  }
});

// remote-app webpack.config.js
new ModuleFederationPlugin({
  name: 'remoteApp',
  exposes: {
    './Button': './src/Button'
  }
});

Использование в коде:

const RemoteButton = React.lazy(() => import('remoteApp/Button'));

Плюсы: независимое развертывание, уменьшение дублирования кода, гибкость архитектуры. Минусы: сложность отладки, требования к версионности зависимостей.