Skip to main content

Module Federation

Pfad: Frontend-Architektur

Dein Frontend-Monolith hat 800 Abhängigkeiten. Ein npm install dauert sechs Minuten. Jeder Merge erzeugt Konflikte.

Wenn alles in einem Bundle steckt, wird das Frontend zum Flaschenhals. Teams blockieren sich gegenseitig bei jedem Release.

Module Federation erlaubt es, JavaScript-Module zur Laufzeit aus verschiedenen, unabhängig deployten Anwendungen zu laden. Kennst du eine Einkaufsstraße? Jeder Laden hat eigene Öffnungszeiten und eigenes Sortiment, aber du bewegst dich nahtlos zwischen ihnen.

Team A deployt den Produktkatalog als eigene App, Team B den Checkout. Module Federation verbindet beides im Browser: Team A aktualisiert den Katalog, ohne dass Team B etwas tun muss. Webpack 5 oder Vite machen das möglich.

Merke: Module Federation heißt: Unabhängig entwickeln, unabhängig deployen — trotzdem eine Anwendung.

Module Federation heißt: Unabhängig entwickeln, unabhängig deployen — trotzdem eine Anwendung.

Voraussetzungen

Modul