Какой опыт работы с Module Federation

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

Пример конфигурации хоста (host):

new ModuleFederationPlugin({
  name: 'host',
  remotes: {
    app1: 'app1@http://localhost:3001/remoteEntry.js',
  },
  shared: ['react', 'react-dom'],
})

Пример конфигурации удалённого приложения (remote):

new ModuleFederationPlugin({
  name: 'app1',
  exposes: {
    './Button': './src/components/Button',
  },
  shared: ['react', 'react-dom'],
})

Ключевые моменты:

• Динамическая загрузка модулей без дублирования зависимостей
• Возможность обновлять части приложения независимо
• Общие зависимости через shared для оптимизации

Сложности:

• Отладка может быть сложнее из-за распределённой природы
• Нужно тщательно контролировать версии общих зависимостей