0Pricing
Vue Academy · Lesson

Webpack Module Federation with Vue

ModuleFederationPlugin, exposes, remotes, shared dependencies, remote component loading.

Module Federation in Webpack

Webpack 5 ships Module Federation built in. It lets a build expose modules to other builds and consume modules from them at runtime — the foundation for run-time micro-frontends.

Hosts and Remotes

Two roles: a remote exposes components, and a host consumes them. An app can be both. A host loads a remote’s code over HTTP at runtime, not at build time.

All lessons in this course

  1. Micro-Frontend Architecture Principles
  2. Webpack Module Federation with Vue
  3. Vite Federation Plugin
  4. Shared State Across Micro-Frontends
← Back to Vue Academy