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

Основные возможности и компоненты Module Federation:

Динамический импорт модулей из других сборок без необходимости их предварительной интеграции.
Общий доступ к зависимостям — позволяет избежать дублирования библиотек, например React, между приложениями.
Изоляция и независимость сборок — каждое приложение может развиваться и деплоиться отдельно.

Включает в себя:

Host (хост) — приложение, которое загружает модули из других приложений.
Remote (удалённый модуль) — приложение, которое предоставляет свои модули для использования другими.

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

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

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

Расскажите, что такое Module Federation и что она включает?