0Pricing
Vue Academy · Lesson

Vite Federation Plugin

@originjs/vite-plugin-federation, producer/consumer setup, dynamic import of remotes.

Federation on Vite

Module Federation started in Webpack, but many Vue apps use Vite. The community plugin @originjs/vite-plugin-federation brings federation to Vite-based producers and consumers.

Installing the Plugin

Add the plugin to both the producing app (the remote) and the consuming app (the host).

// terminal
// npm install -D @originjs/vite-plugin-federation

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