<!doctype html>
<html lang="en">
  <head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Module federation</title>
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.classList.toggle('rp-dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script>
<link href="https://module-federation.io/static/css/styles.cb9c785648.css" rel="stylesheet">
<script defer src="https://module-federation.io/static/js/styles.875e5bb0a2.js"></script>
<script defer src="https://module-federation.io/static/js/8167.476c026513.js"></script>
<script defer src="https://module-federation.io/static/js/188.caed49de80.js"></script>
<script defer src="https://module-federation.io/static/js/4805.a96b56bb46.js"></script>
<script defer src="https://module-federation.io/static/js/6174.056a56c677.js"></script>
<script defer src="https://module-federation.io/static/js/3716.ee09cac528.js"></script>
<script defer src="https://module-federation.io/static/js/index.292ee41846.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Rspress v2.0.3">
<link rel="icon" href="https://module-federation.io/svg.svg" type="image/svg+xml">
<meta property="og:type" content="website">
<meta property="og:title" content="Module federation">
<meta name="description" content="Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications">
<meta property="og:description" content="Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications"></head>

  <body>
    <div id="__rspress_root"><link rel="preload" as="image" href="/module-federation.svg"/><link rel="preload" as="image" href="/module-federation-logo-white.svg"/><link rel="preload" as="image" href="/svg.svg"/><header class="rp-nav"><div class="rp-nav__left"><div class="rp-nav__title"><a href="/" class="rp-nav__title__link rp-link"><div class="rp-nav__title__logo"><img src="/module-federation.svg" alt="logo" id="logo" class="rspress-logo rp-nav__title__logo-image rp-nav__title__logo-image--light"/><img src="/module-federation-logo-white.svg" alt="logo" id="logo" class="rspress-logo rp-nav__title__logo-image rp-nav__title__logo-image--dark"/></div></a></div></div><div class="rp-nav__right"><button class="rp-search-button"><div class="rp-search-button__content"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 20 21" class="rp-search-button__icon"><path fill="currentColor" d="M8.333 1.913A6.667 6.667 0 0 1 15 8.58c0 1.54-.525 2.957-1.402 4.085l4.49 4.492a.834.834 0 0 1-1.177 1.178l-4.491-4.49a6.64 6.64 0 0 1-4.087 1.402 6.667 6.667 0 0 1 0-13.334m0 1.667a5 5 0 1 0 0 10 5 5 0 0 0 0-10"></path></svg><span class="rp-search-button__word">Search</span></div><div class="rp-search-button__hotkey" style="opacity:0"><span></span><span>K</span></div></button><div class="rp-search-button--mobile"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 20 21"><path fill="currentColor" d="M8.333 1.913A6.667 6.667 0 0 1 15 8.58c0 1.54-.525 2.957-1.402 4.085l4.49 4.492a.834.834 0 0 1-1.177 1.178l-4.491-4.49a6.64 6.64 0 0 1-4.087 1.402 6.667 6.667 0 0 1 0-13.334m0 1.667a5 5 0 1 0 0 10 5 5 0 0 0 0-10"></path></svg></div><ul class="rp-nav-menu rp-nav-menu--right"><li class="rp-nav-menu__item"><a class='rp-nav-menu__item__container rp-link' href='/ai/'>AI</a></li><li class="rp-nav-menu__item"><a class='rp-nav-menu__item__container rp-link' href='/guide/start/'>Guide</a></li><li class="rp-nav-menu__item"><a class='rp-nav-menu__item__container rp-link' href='/integrations/'>Integrations<svg width="1em" height="1em" viewBox="0 0 32 32" class="rp-nav-menu__item__icon"><path fill="currentColor" d="M16 22 6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z"></path></svg></a><ul class="rp-hover-group rp-hover-group--hidden rp-hover-group--center"><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='Overview' class='rp-hover-group__item__link rp-link' href='/integrations/'>Overview</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='Rsbuild' class='rp-hover-group__item__link rp-link' href='/integrations/build-tool/rsbuild'>Rsbuild</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='Rslib' class='rp-hover-group__item__link rp-link' href='/integrations/build-tool/rslib'>Rslib</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='Vite' class='rp-hover-group__item__link rp-link' href='/integrations/build-tool/vite'>Vite</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='Rspack' class='rp-hover-group__item__link rp-link' href='/integrations/bundler/rspack'>Rspack</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='Webpack' class='rp-hover-group__item__link rp-link' href='/integrations/bundler/webpack'>Webpack</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='Metro' class='rp-hover-group__item__link rp-link' href='/integrations/bundler/metro'>Metro</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='Rspress' class='rp-hover-group__item__link rp-link' href='/integrations/documentation/rspress'>Rspress</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="/integrations/framework/modernjs.html" class="rp-hover-group__item__link rp-link" aria-label="Modern.js">Modern.js</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="/integrations/framework/nextjs.html" class="rp-hover-group__item__link rp-link" aria-label="Next.js">Next.js</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="/integrations/framework/angular.html" class="rp-hover-group__item__link rp-link" aria-label="Angular">Angular</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="/integrations/framework/monorepos.html" class="rp-hover-group__item__link rp-link" aria-label="Monorepos">Monorepos</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="/integrations/practice.html" class="rp-hover-group__item__link rp-link" aria-label="Practice">Practice</a></li></ul></li><li class="rp-nav-menu__item"><a class='rp-nav-menu__item__container rp-link' href='/configure/'>Configuration</a></li><li class="rp-nav-menu__item"><a class='rp-nav-menu__item__container rp-link' href='/plugin/dev/'>Plugins</a></li><li class="rp-nav-menu__item"><a class='rp-nav-menu__item__container rp-link' href='/showcase/'>Showcase</a></li><li class="rp-nav-menu__item"><a class='rp-nav-menu__item__container rp-link' href='/blog/'>Blog</a></li><li class="rp-nav-menu__item"><div class="rp-nav-menu__item__container">Ecosystem<svg width="1em" height="1em" viewBox="0 0 32 32" class="rp-nav-menu__item__icon"><path fill="currentColor" d="M16 22 6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z"></path></svg></div><ul class="rp-hover-group rp-hover-group--hidden rp-hover-group--center"><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="https://github.com/module-federation/module-federation-examples" target="_blank" rel="noopener noreferrer" class="rp-hover-group__item__link rp-link" aria-label="Module Federation Examples">Module Federation Examples</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="https://module-federation.myshopify.com/products/practical-module-federation" target="_blank" rel="noopener noreferrer" class="rp-hover-group__item__link rp-link" aria-label="Practical Module Federation">Practical Module Federation</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="https://zephyr-cloud.io/" target="_blank" rel="noopener noreferrer" class="rp-hover-group__item__link rp-link" aria-label="Zephyr Cloud">Zephyr Cloud</a></li><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a href="https://nx.dev/" target="_blank" rel="noopener noreferrer" class="rp-hover-group__item__link rp-link" aria-label="Nx">Nx</a></li></ul></li></ul><div class="rp-nav__others"><div class="rp-nav-menu__divider"></div><li class="rp-nav-menu__item"><div class="rp-nav-menu__item__container">English<svg width="1em" height="1em" viewBox="0 0 32 32" class="rp-nav-menu__item__icon"><path fill="currentColor" d="M16 22 6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z"></path></svg></div><ul class="rp-hover-group rp-hover-group--hidden rp-hover-group--center"><li class="rp-hover-group__item" style="padding-left:8px" data-depth="0"><a aria-label='简体中文' class='rp-hover-group__item__link rp-link' href='/zh/'>简体中文</a></li><li class="rp-hover-group__item rp-hover-group__item--active" style="padding-left:8px" data-depth="0"><a href="/" class="rp-hover-group__item__link rp-link" aria-label="English">English</a></li></ul></li><div class="rp-switch-appearance"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" class="rp-switch-appearance__icon rp-switch-appearance__icon--sun"><path fill="currentColor" d="m7.001 15.848-1.226 1.226a.58.58 0 0 0 0 .818.58.58 0 0 0 .818 0l1.226-1.226a.58.58 0 0 0 0-.818.58.58 0 0 0-.818 0m-.352-8.735a.584.584 0 0 0 .825-.825L6.237 5.051a.584.584 0 0 0-.825.825zM5.011 11.07h-1.75a.584.584 0 0 0 0 1.167h1.75c.324 0 .584-.26.584-.583a.585.585 0 0 0-.584-.584m7.003-5.835c.324 0 .584-.26.584-.584V2.9a.58.58 0 0 0-.584-.584.58.58 0 0 0-.583.583V4.65c0 .323.262.584.583.584m5.616 1.621 1.226-1.225a.58.58 0 0 0 0-.818.58.58 0 0 0-.818 0l-1.226 1.225a.58.58 0 0 0 0 .818.576.576 0 0 0 .818 0m3.138 4.214h-1.75a.58.58 0 0 0-.584.584c0 .324.26.584.583.584h1.751a.584.584 0 1 0 0-1.167m-3.389 5.124a.584.584 0 0 0-.825.825l1.238 1.238a.584.584 0 0 0 .825-.826zm-5.365-9.795a5.256 5.256 0 0 0-5.257 5.258 5.256 5.256 0 0 0 5.257 5.257 5.256 5.256 0 0 0 5.257-5.257 5.256 5.256 0 0 0-5.257-5.258m0 11.675a.58.58 0 0 0-.583.583v1.751a.582.582 0 1 0 1.167 0v-1.75a.584.584 0 0 0-.584-.584"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" viewBox="0 0 19 19" class="rp-switch-appearance__icon rp-switch-appearance__icon--moon"><path fill="currentColor" d="M9.166 0a9.2 9.2 0 0 1 1.857.188.834.834 0 0 1 .042 1.623 4.47 4.47 0 1 0 5.457 5.457l.048-.135a.834.834 0 0 1 1.575.177q.186.902.188 1.856A9.168 9.168 0 1 1 9.166 0"></path></svg></div><div class="rp-social-links"><a href="https://github.com/module-federation/core" target="_blank" rel="noopener noreferrer" class="rp-social-links__item"><div class="rp-social-links__icon"><div class="rp-social-links__icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a><a href="https://discord.gg/T8c6yAxkbv" target="_blank" rel="noopener noreferrer" class="rp-social-links__item"><div class="rp-social-links__icon"><div class="rp-social-links__icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418"/></svg></div></div></a><ul class="rp-hover-group rp-hover-group--hidden rp-hover-group--right"></ul></div></div><button aria-label="mobile hamburger" class="rp-nav-hamburger rp-nav-hamburger__sm"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="none" viewBox="0 0 21 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M3.645 5.225h13.333M3.645 10.225h13.333M3.645 15.225h13.333"></path></svg></button><button aria-label="mobile hamburger" class="rp-nav-hamburger rp-nav-hamburger__md"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="none" viewBox="0 0 21 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M3.645 5.225h13.333M3.645 10.225h13.333M3.645 15.225h13.333"></path></svg><ul class="rp-hover-group rp-hover-group--hidden rp-hover-group--right"><div class="rp-nav-menu__others-mobile__container"><div class="rp-nav-hamburger__md__hover-group"><div class="rp-nav-screen-appearance"><div class="rp-nav-screen-appearance__left">Theme</div><div class="rp-nav-screen-appearance__right"></div></div><div class="rp-nav-screen-langs"><div class="rp-nav-screen-langs__left">Languages</div><div class="rp-nav-screen-langs__right">English<svg width="1em" height="1em" viewBox="0 0 32 32" class="rp-nav-screen-langs__icon "><path fill="currentColor" d="M16 22 6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z"></path></svg></div></div><div class="rp-nav-screen-langs-group" style="display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out"><div class="rp-nav-screen-langs-group__inner"><a class='rp-nav-screen-langs-group__item rp-link' href='/zh/'>简体中文</a><span class="rp-nav-screen-langs-group__item rp-nav-screen-langs-group__item--active" aria-current="page" aria-disabled="true">English</span></div></div><div class="rp-nav-screen-divider"></div><div class="rp-social-links"><a href="https://github.com/module-federation/core" target="_blank" rel="noopener noreferrer" class="rp-social-links__item"><div class="rp-social-links__icon"><div class="rp-social-links__icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a><a href="https://discord.gg/T8c6yAxkbv" target="_blank" rel="noopener noreferrer" class="rp-social-links__item"><div class="rp-social-links__icon"><div class="rp-social-links__icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418"/></svg></div></div></a><ul class="rp-hover-group rp-hover-group--hidden rp-hover-group--right"></ul></div></div></div></ul></button></div></header><div><div class="relative dark:border-dark-50" style="background:var(--rp-home-bg);min-height:calc(80rem - var(--rp-nav-height));padding-bottom:56px"><div class="pt-14 pb-12"><div class="m-auto px-6 pb-12 sm:pt-0 sm:px-8  md:px-16 md:pb-16" style="height:calc(100vh - var(--rp-nav-height)))"><div class="max-w-6xl m-auto flex flex-col md:flex-row"><div class="m-auto flex flex-col order-2 md:order-1 items-center justify-center text-center"><h1 class="text-3xl sm:text-6xl md:text-7xl font-bold pb-3 lg:pb-5 z-10"><span class="clip-cTOHyb">Module Federation</span></h1><p class="pb-2 mx-auto md:m-0 text-3xl sm:text-5xl md:text-6xl font-bold z-10  max-w-xs sm:max-w-xl" style="line-height:1.15">Micro-Frontend Architecture</p><p class="pt-2 m-auto md:m-0 text-sm sm:text-xl md:text-2xl text-text-2 font-medium z-10 whitespace-pre-wrap">Make it easier to share code between javascript applications and make team collaboration more efficient</p><div class="justify-center gap-3 flex flex-wrap m--1.5 pt-4 z-10"><div class="p-1 flex-shrink-0"><a class='rp-button rp-button--brand rp-button--big pl-2 pr-2 rp-link' href='/blog/v2-stable-version'>🎉 2.0 Announcement</a></div><div class="p-1 flex-shrink-0"><a class='rp-button rp-button--alt rp-button--big pl-2 pr-2 rp-link' href='/guide/start/quick-start'>Quick Start</a></div></div></div><div class="modern-doc-home-hero-image m-auto justify-center items-center md:none lg:flex order-1 md:order-2"><div class="imgMask-QkA6eN"></div><img src="/svg.svg" alt="module federation Logo"/></div></div></div><div class="featureContainer-HtdreY"><div class="grid-4-aWLdiB rounded-md hover:var(--rp-c-brand) mb-6" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="p-2 h-full"><article class="featureCard-q2RD4d" style="cursor:auto"><div class="flex justify-center items-center"><div class="w-12 h-12 text-3xl text-center">⚡</div></div><h2 class="font-bold text-center">Code Sharing</h2><p class="leading-6 pt-2 text-sm text-text-2 font-medium">Module Federation allows developers to share code between multiple projects in a decentralized way, making it easier to manage complex applications.</p></article></div></div><div class="grid-4-aWLdiB rounded-md hover:var(--rp-c-brand) mb-6" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="p-2 h-full"><article class="featureCard-q2RD4d" style="cursor:auto"><div class="flex justify-center items-center"><div class="w-12 h-12 text-3xl text-center">📦</div></div><h2 class="font-bold text-center">Modularization</h2><p class="leading-6 pt-2 text-sm text-text-2 font-medium">Applications can be split into smaller, self-contained modules that can be independently developed, tested, and deployed.</p></article></div></div><div class="grid-4-aWLdiB rounded-md hover:var(--rp-c-brand) mb-6" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="p-2 h-full"><article class="featureCard-q2RD4d" style="cursor:auto"><div class="flex justify-center items-center"><div class="w-12 h-12 text-3xl text-center">🎯</div></div><h2 class="font-bold text-center">Flexibility</h2><p class="leading-6 pt-2 text-sm text-text-2 font-medium">Module federation offers developers the freedom to choose and implement the architecture that best suits their needs.</p></article></div></div><div class="grid-4-aWLdiB rounded-md hover:var(--rp-c-brand) mb-6" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="p-2 h-full"><article class="featureCard-q2RD4d" style="cursor:auto"><div class="flex justify-center items-center"><div class="w-12 h-12 text-3xl text-center">🦀</div></div><h2 class="font-bold text-center">Rspack</h2><p class="leading-6 pt-2 text-sm text-text-2 font-medium">Supports Rspack and Webpack builds, accelerating your application builds.</p></article></div></div><div class="grid-4-aWLdiB rounded-md hover:var(--rp-c-brand) mb-6" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="p-2 h-full"><article class="featureCard-q2RD4d" style="cursor:auto"><div class="flex justify-center items-center"><div class="w-12 h-12 text-3xl text-center">🚀</div></div><h2 class="font-bold text-center">Development Experience</h2><p class="leading-6 pt-2 text-sm text-text-2 font-medium">Module federation supports dynamic type hints and Chrome Devtool to enhance the development experience.</p></article></div></div><div class="grid-4-aWLdiB rounded-md hover:var(--rp-c-brand) mb-6" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="p-2 h-full"><article class="featureCard-q2RD4d" style="cursor:auto"><div class="flex justify-center items-center"><div class="w-12 h-12 text-3xl text-center">🎨</div></div><h2 class="font-bold text-center">Plugin System</h2><p class="leading-6 pt-2 text-sm text-text-2 font-medium">Hooks allow you to quickly define your own plugins to control the behavior of module loading.</p></article></div></div></div></div></div><div class="flex flex-col border-t dark:border-dark-50 items-center"><div class="pt-8 pb-4 w-full justify-around max-w-6xl hidden sm:flex"><div class="flex flex-col items-start"><h2 class="font-bold my-4 text-lg">Guide</h2><ul class="flex flex-col gap-3"><li><a href="/guide/start/quick-start" class="rp-link"><span class="font-normal">Quick Start</span></a></li></ul></div><div class="flex flex-col items-start"><h2 class="font-bold my-4 text-lg">Configuration</h2><ul class="flex flex-col gap-3"><li><a href="/configure/index" class="rp-link"><span class="font-normal">Configuration</span></a></li></ul></div><div class="flex flex-col items-start"><h2 class="font-bold my-4 text-lg">Ecosystem</h2><ul class="flex flex-col gap-3"><li><a href="https://webinfra.org" target="_blank" rel="noopener noreferrer" class="rp-link"><span class="font-normal">Web Infra</span></a></li><li><a href="https://www.rspack.dev/" target="_blank" rel="noopener noreferrer" class="rp-link"><span class="font-normal">Rspack</span></a></li><li><a href="https://modernjs.dev/en/" target="_blank" rel="noopener noreferrer" class="rp-link"><span class="font-normal">Modern.js Framework</span></a></li><li><a href="https://rspress.dev/" target="_blank" rel="noopener noreferrer" class="rp-link"><span class="font-normal">Rspress</span></a></li><li><a href="https://zephyr-cloud.io/" target="_blank" rel="noopener noreferrer" class="rp-link"><span class="font-normal">Zephyr Cloud</span></a></li></ul></div><div class="flex flex-col items-start"><h2 class="font-bold my-4 text-lg">Community</h2><ul class="flex flex-col gap-3"><li><a href="https://github.com/module-federation/core" target="_blank" rel="noopener noreferrer" class="rp-link"><span class="font-normal">GitHub</span></a></li></ul></div></div><div class="flex justify-center items-center"><h2 class="font-normal text-sm text-gray-600 dark:text-light-600 py-4">© <!-- -->2026<!-- --> Module Federation core team. All Rights Reserved.</h2></div></div></div></div>
    <div id="__rspress_modal_container"></div>
  
<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="f1a16ce7-8904-4847-994e-889daf02eea7" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiZjFhMTZjZTctODkwNC00ODQ3LTk5NGUtODg5ZGFmMDJlZWE3IiwiYWNjb3VudF9pZCI6IjYzOTNjNzcxMDc2NDhjMWJiZTEwMDI3OSIsImRlcGxveV9pZCI6IjZhMWE0NTRiMjI5Yzk3MDAwN2VlMmVmNCIsImlzc3VlciI6Im5mc2VydmVyIn0.toSeN60K4Eih1IRgeSj8XCxNVCvnTLxYmLjV2ShcgGQ"></script></body>
</html>
