Connais-tu Module Federation ? As-tu déjà dû l'utiliser dans un projet ?

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 динамически.