Example: Micro Frontends with Native Federation + vite + Angular powered by AnalogJS

September 23, 2022 ยท View on GitHub

The section between the dashed lines is a separately compiled and deployed Micro Frontend:

The section between the dashed lines is a separately compiled and deployed Micro Frontend

Install and Run

Repeat this for both, the shell and the mfe1 folder:

npm i
npm run dev

Inspect the Examples

  • vite.config.ts: Here, the federation-vite-plugin is used and the dev server is configured to allow access to the shared folder
  • federation.config: Native Federation config
  • index.html: Here, the polyfill for Import Maps is registered
  • main.ts: Initializes Native Federation and then (!) imports bootstrap.ts for starting the application