/angular-module-federation

Angular v14 with microfrontends arch

Primary LanguageTypeScript

Angular +MicroFrontends

The idea is have one shell app and run two other angular apps inside it. I'm trying out with @angular-architects/module-federation

Install

npm i --legacy-peer-deps

Run all app at once

npm run run:all

Run 1 app at the time:

The 3 apps work separated anyway:

ng serve shell

ng serve mfe1

ng serve mfe2

TODO:

  • create shared lib across all apps.
  • update to ng 16+

based on this tutorial: https://github.com/angular-architects/module-federation-plugin/blob/main/libs/mf/tutorial/tutorial.md