• English

      • Integrations

      Module Federation is powered by MF Runtime. Most projects should use a build plugin. It lets you import remote modules like npm packages and provides engineering capabilities such as type hints. If your project needs to expose modules for other applications to consume, you must use a build plugin. If you do not want to change your build setup and only need to load remote modules at runtime, you can use Runtime directly.

      If you are not sure which package to install, start with your project type:

      Your projectPackage to installRead next
      Rsbuild app@module-federation/rsbuild-pluginRsbuild
      Rslib module@module-federation/rsbuild-pluginRslib
      Vite app@module-federation/viteVite
      Rspack app@module-federation/enhancedRspack
      Webpack app@module-federation/enhancedWebpack
      React Native / Metro@module-federation/metro and the matching Metro pluginMetro
      Rspress site@module-federation/rspress-pluginRspress
      Modern.js app@module-federation/modern-js-v3 (recommended for Modern.js v3) or @module-federation/modern-js (Modern.js v2)Modern.js
      Next.js app@module-federation/nextjs-mf and webpackNext.js
      Angular appChoose the integration package for your Angular build setupAngular
      MonoreposUse the package for your app framework and monorepo toolingMonorepos

      You can also use Runtime only to load remote modules. Different project types import Runtime from different entries. Continue with Runtime Installation to learn how to choose the correct Runtime entry.

      Next

      • Choose the integration that matches your project first, then complete package installation and plugin setup.
      • If you use React, Vue, or another framework-specific scenario, continue with Practice.
      • Shared Module Federation capabilities are still introduced in the Guide. Use the matching integration page for package installation and plugin setup.