In my previous article, I’ve shown how to use Module Federation which will be part of webpack 5 to implement microfrontends. This article brings Angular into play and shows how to create an Angular-based microfrontend shell using the router to lazy load the separately compiled, and deployed microfrontends.

Besides using Angular, the result looks similar as in the previous article:


The loaded microfrontend is shown within the red dashed border. Also, the microfrontend can be used without the shell:

Microfrontend without Shell

The source code of the used example can be found in my GitHub account.

#unkategorisiert #angular #module federation #microfrontends #github

The Microfrontend Revolution - Part 2: Module Federation with Angular
11.05 GEEK