Skip to content

Latest commit

 

History

History
41 lines (26 loc) · 884 Bytes

README.md

File metadata and controls

41 lines (26 loc) · 884 Bytes

Module Federation using @angular-architects/module-federation

This repo is a course I did with ng-conf on MicroFrontends with Owen Mecham

The @angular-architects/module-federation library gives some great boiler plate schematics to get started with creating your microfrontend. Example: ng add @angular-architects/module-federation --project shell --port 5000

MicroFrontend breakdown

There are 2 microfrontends mfe1 and mfe2, along with a shared library wallet-lib and of course our shell app. These all live in this mono repo.

First, install dependencies.

This repo uses yarn package manager

yarn

How to run this repo:

  1. start mfe2.
ng serve mfe2
  1. start mfe1.
yarn start:mfe1
  1. start shell.
yarn start:shell

*** Ensure that both mfe1 and mfe2 have compiled sucessfully before starting the shell app