Как управлять версионностью зависимостей (например, React) между микрофронтами?

Подходы:

1. Shared dependencies

   • В Module Federation (Webpack 5) можно вынести React как shared.

2. CDN

   • Загрузка зависимостей глобально и использование их в каждом микрофронте.

3. Monorepo

   • Общая кодовая база с единым package.json.

4. Lock-файлы

   • Единый lock-файл для всех микрофронтов.

Пример Module Federation:

// host webpack config
shared: {
  react: { singleton: true, requiredVersion: '^18.0.0' },
  'react-dom': { singleton: true }
}

Вывод:
Единая версия зависимостей снижает вес бандлов и предотвращает баги из-за несовместимости API.