Skip to main content

Module Federation

Integrating microfrontends with Webpack Module Federation.

Overview​

Module Federation allows you to:

  • Load remote modules at runtime
  • Share dependencies across microfrontends
  • Lazy load components
  • Independent deployments

Configuration​

TODO: Document Module Federation setup with Vite/Webpack

Vite Configuration​

TODO: Add vite.config.ts example with @originjs/vite-plugin-federation

Webpack Configuration​

TODO: Add webpack.config.js example with ModuleFederationPlugin

Exposing Components​

TODO: Document how to expose components from your microfrontend

Consuming Remote Modules​

TODO: Document how the Shell loads your microfrontend

Shared Dependencies​

TODO: Document dependency sharing strategy:

  • Vue
  • Vue Router
  • Pinia
  • UI libraries

Remote Entry​

TODO: Document remote entry structure and SRI hashes

Testing​

TODO: Document testing strategies for federated modules