webpack-module-federation-with-angular

@module-federation/core

Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications

module-federation-plugin

The @angular-architects/module-federation plugin seamlessly integrates Module Federation into Angular CLI projects, enabling developers to build micro frontends and plugin-based architectures. It simplifies the configuration and deployment of federated modules, making it easier to scale large Angular applications. ## Key Features - **Module Federation Integration** — Provides Angular CLI builders and schematics to configure Module Federation without ejecting webpack. - **Micro Frontend Support** — Enables loading remote Angular applications as micro frontends within a host application. - **Plugin Architecture** — Facilitates dynamic loading of plugins or features at runtime. - **Simplified Configuration** — Abstracts complex webpack setup into manageable Angular CLI commands and configurations. - **Development Workflow** — Includes tools for local development, testing, and publishing federated modules. ## Philosophy The plugin emphasizes developer experience by bringing Module Federation's powerful capabilities into the familiar Angular CLI workflow, reducing configuration overhead and promoting scalable application architecture.

ng-dynamic-mf

Truly dynamic modules at runtime with Module Federation

npm-mfe-live-reload

This tool auto-reloads the shell in development mode when remote microfrontends change