Loading...
Loading...
{
"latency": 90,
"ipAddresses": [
"75.2.60.5"
],
"dns": {
"NS": [
"ns-cloud-d1.googledomains.com.",
"ns-cloud-d2.googledomains.com.",
"ns-cloud-d3.googledomains.com.",
"ns-cloud-d4.googledomains.com."
],
"A": [
"75.2.60.5"
]
}
}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Module federation</title>
<link href="https://module-federation.io/static/css/styles.f1323049.css" rel="stylesheet">
<script defer src="https://module-federation.io/static/js/styles.438e8d6c.js"></script>
<script defer src="https://module-federation.io/static/js/index.9881d74d.js"></script>
<meta http equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Rspress v2.0.0-beta.20">
<link rel="icon" href="https://module-federation.io/svg.svg" type="image/svg+xml">
<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>
<meta name="description" content="Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications"></head>
<body>
<div id="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"/><div class="navContainer_d18b1 rspress-nav rp-px-6 sticky_ddfa7"><div class="container_e4235 rp-flex rp-justify-between rp-items-center rp-h-full"><div class="navBarTitle_c5f07"><a class='link_a7cea rp-flex rp-items-center rp-w-full rp-h-full rp-text-base rp-font-semibold rp-transition-opacity rp-duration-300 hover:rp-opacity-60' href='/'><div class="rp-mr-1 rp-min-w-8"><img src="/module-federation.svg" alt="logo" id="logo" class="rspress-logo dark:rp-hidden"/><img src="/module-federation-logo-white.svg" alt="logo" id="logo" class="rspress-logo rp-hidden dark:rp-block"/></div></a></div><div class="rp-flex rp-flex-1 rp-justify-end rp-items-center"><div class="rightNav_a2fea"><div class="rp-flex sm:rp-flex-1 rp-items-center sm:rp-pl-4 sm:rp-pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu rp-flex rp-justify-around rp-items-center rp-text-sm rp-font-bold rp-h-14"><a class='link_a7cea ' href='/guide/start/'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Guide</div></a><a class='link_a7cea ' href='/practice/overview'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Practice</div></a><a class='link_a7cea ' href='/configure/'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Configuration</div></a><a class='link_a7cea ' href='/plugin/dev/'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Plugins</div></a><a class='link_a7cea ' href='/showcase/'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Showcase</div></a><a class='link_a7cea ' href='/blog/announcement'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Blog</div></a><div class="rp-mx-3 last:rp-mr-0"><div class="rp-relative rp-flex rp-items-center rp-justify-center rp-h-14"><div class="rspress-nav-menu-group-button rp-flex rp-justify-center rp-items-center rp-font-medium rp-text-sm rp-text-text-1 hover:rp-text-text-2 rp-transition-colors rp-duration-200 rp-cursor-pointer"><span class="rp-text-sm rp-font-medium rp-flex" style="margin-right:2px">Ecosystem</span><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 22 6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z"></path></svg></div><div class="rspress-nav-menu-group-content rp-absolute rp-mx-0.8 rp-transition-opacity rp-duration-300" style="opacity:0;visibility:hidden;right:0;top:52px"><div class="rp-p-3 rp-pr-2 rp-w-full rp-h-full rp-max-h-100vh rp-whitespace-nowrap" style="box-shadow:var(--rp-shadow-3);z-index:100;border:1px solid var(--rp-c-divider-light);border-radius:var(--rp-radius-large);background:var(--rp-c-bg)"><div><div class="rp-font-medium rp-my-1"><a href="https://github.com/module-federation/module-federation-examples" target="_blank" rel="noopener noreferrer" class="link_a7cea "><div class="rp-rounded-2xl hover:rp-bg-mute" style="padding:0.4rem 1.5rem 0.4rem 0.75rem"><div class="rp-flex"><span>Module Federation Examples</span></div></div></a></div></div><div><div class="rp-font-medium rp-my-1"><a href="https://module-federation.myshopify.com/products/practical-module-federation" target="_blank" rel="noopener noreferrer" class="link_a7cea "><div class="rp-rounded-2xl hover:rp-bg-mute" style="padding:0.4rem 1.5rem 0.4rem 0.75rem"><div class="rp-flex"><span>Practical Module Federation</span></div></div></a></div></div><div><div class="rp-font-medium rp-my-1"><a href="https://zephyr-cloud.io/" target="_blank" rel="noopener noreferrer" class="link_a7cea "><div class="rp-rounded-2xl hover:rp-bg-mute" style="padding:0.4rem 1.5rem 0.4rem 0.75rem"><div class="rp-flex"><span>Zephyr Cloud</span></div></div></a></div></div><div><div class="rp-font-medium rp-my-1"><a href="https://nx.dev/" target="_blank" rel="noopener noreferrer" class="link_a7cea "><div class="rp-rounded-2xl hover:rp-bg-mute" style="padding:0.4rem 1.5rem 0.4rem 0.75rem"><div class="rp-flex"><span>Nx</span></div></div></a></div></div></div></div></div></div></div><div class="rp-flex rp-items-center rp-justify-center rp-flex-row"><div class="translation menu-item_b8238 rp-flex rp-text-sm rp-font-bold rp-items-center rp-px-3 rp-py-2"><div><div class="rp-relative rp-flex rp-items-center rp-justify-center rp-h-14"><div class="rspress-nav-menu-group-button rp-flex rp-justify-center rp-items-center rp-font-medium rp-text-sm rp-text-text-1 hover:rp-text-text-2 rp-transition-colors rp-duration-200 rp-cursor-pointer"><span class="rp-text-sm rp-font-medium rp-flex" style="margin-right:2px"><svg width="18" height="18" viewBox="0 0 32 32" style="width:18px;height:18px"><path fill="currentColor" d="M27.85 29H30l-6-15h-2.35l-6 15h2.15l1.6-4h6.85zm-7.65-6 2.62-6.56L25.45 23zM18 7V5h-7V2H9v3H2v2h10.74a14.7 14.7 0 0 1-3.19 6.18A13.5 13.5 0 0 1 7.26 9h-2.1a16.5 16.5 0 0 0 3 5.58A16.8 16.8 0 0 1 3 18l.75 1.86A18.5 18.5 0 0 0 9.53 16a16.9 16.9 0 0 0 5.76 3.84L16 18a14.5 14.5 0 0 1-5.12-3.37A17.64 17.64 0 0 0 14.8 7z"></path></svg></span><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 22 6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z"></path></svg></div><div class="rspress-nav-menu-group-content rp-absolute rp-mx-0.8 rp-transition-opacity rp-duration-300" style="opacity:0;visibility:hidden;right:0;top:52px"><div class="rp-p-3 rp-pr-2 rp-w-full rp-h-full rp-max-h-100vh rp-whitespace-nowrap" style="box-shadow:var(--rp-shadow-3);z-index:100;border:1px solid var(--rp-c-divider-light);border-radius:var(--rp-radius-large);background:var(--rp-c-bg)"><div><div class="rp-font-medium rp-my-1"><a class='link_a7cea ' href='/zh/'><div class="rp-rounded-2xl hover:rp-bg-mute" style="padding:0.4rem 1.5rem 0.4rem 0.75rem"><div class="rp-flex"><span>简体中文</span></div></div></a></div></div><div><div class="rp-rounded-2xl rp-my-1 rp-flex" style="padding:0.4rem 1.5rem 0.4rem 0.75rem"><span class="rp-text-brand">English</span></div></div></div></div></div></div></div><div class="rp-mx-2"><div class="md:rp-mr-2 rspress-nav-appearance"><div class="rp-p-1 rp-border rp-border-solid rp-border-gray-300 rp-text-gray-400 rp-cursor-pointer rp-rounded-md hover:rp-border-gray-600 hover:rp-text-gray-600 dark:hover:rp-border-gray-200 dark:hover:rp-text-gray-200 rp-transition-all rp-duration-300 rp-w-7 rp-h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:rp-hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="rp-hidden dark:rp-block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 rp-flex rp-items-center rp-justify-center rp-relative"><div class="rp-flex rp-items-center rp-justify-center rp-h-full rp-gap-x-4 rp-transition-colors rp-duration-300 md:rp-mr-2"><a href="https://github.com/module-federation/core" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><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="social-links"><div class="social-links-icon_a4ad0"><div><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></div></div></div></div><div class="mobileNavMenu_e7045"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 rp-w-full"><a class='link_a7cea ' href='/guide/start/'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Guide</div></a></div><div class="navMenuItem_e7978 rp-w-full"><a class='link_a7cea ' href='/practice/overview'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Practice</div></a></div><div class="navMenuItem_e7978 rp-w-full"><a class='link_a7cea ' href='/configure/'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Configuration</div></a></div><div class="navMenuItem_e7978 rp-w-full"><a class='link_a7cea ' href='/plugin/dev/'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Plugins</div></a></div><div class="navMenuItem_e7978 rp-w-full"><a class='link_a7cea ' href='/showcase/'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Showcase</div></a></div><div class="navMenuItem_e7978 rp-w-full"><a class='link_a7cea ' href='/blog/announcement'><div class="rspress-nav-menu-item singleItem_c1154 rp-text-sm rp-font-medium rp-mx-0.5 rp-px-3 rp-py-2 rp-flex rp-items-center">Blog</div></a></div><div class="navMenuItem_e7978 rp-w-full"><div class="rp-mx-3 last:rp-mr-0"><div class=" navScreenMenuGroup_e771d rp-relative"><button class="button_ea41e"><span class="buttonSpan_f4b8f">Ecosystem</span><svg width="1em" height="1em" viewBox="0 0 32 32" class=" down_f631a "><path fill="currentColor" d="M16 22 6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z"></path></svg></button><div><div class="items_dd149"><div><div class="rp-py-1 rp-font-medium"><a href="https://github.com/module-federation/module-federation-examples" target="_blank" rel="noopener noreferrer" class="link_a7cea "><div><div class="rp-flex rp-justify-center"><span>Module Federation Examples</span></div></div></a></div></div><div><div class="rp-py-1 rp-font-medium"><a href="https://module-federation.myshopify.com/products/practical-module-federation" target="_blank" rel="noopener noreferrer" class="link_a7cea "><div><div class="rp-flex rp-justify-center"><span>Practical Module Federation</span></div></div></a></div></div><div><div class="rp-py-1 rp-font-medium"><a href="https://zephyr-cloud.io/" target="_blank" rel="noopener noreferrer" class="link_a7cea "><div><div class="rp-flex rp-justify-center"><span>Zephyr Cloud</span></div></div></a></div></div><div><div class="rp-py-1 rp-font-medium"><a href="https://nx.dev/" target="_blank" rel="noopener noreferrer" class="link_a7cea "><div><div class="rp-flex rp-justify-center"><span>Nx</span></div></div></a></div></div></div></div></div></div></div></div><div class="rp-flex rp-items-center rp-justify-center rp-flex-col rp-gap-2"><div class="rp-mt-2 navAppearance_bf893 rp-flex rp-justify-center"></div><div class="rp-flex rp-text-sm rp-font-bold rp-justify-center"><div class="rp-mx-1.5 rp-my-1"><div class=" navScreenMenuGroup_e771d rp-relative"><button class="button_ea41e"><span class="buttonSpan_f4b8f"><svg width="18" height="18" viewBox="0 0 32 32" style="width:18px;height:18px"><path fill="currentColor" d="M27.85 29H30l-6-15h-2.35l-6 15h2.15l1.6-4h6.85zm-7.65-6 2.62-6.56L25.45 23zM18 7V5h-7V2H9v3H2v2h10.74a14.7 14.7 0 0 1-3.19 6.18A13.5 13.5 0 0 1 7.26 9h-2.1a16.5 16.5 0 0 0 3 5.58A16.8 16.8 0 0 1 3 18l.75 1.86A18.5 18.5 0 0 0 9.53 16a16.9 16.9 0 0 0 5.76 3.84L16 18a14.5 14.5 0 0 1-5.12-3.37A17.64 17.64 0 0 0 14.8 7z"></path></svg></span><svg width="1em" height="1em" viewBox="0 0 32 32" class=" down_f631a "><path fill="currentColor" d="M16 22 6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z"></path></svg></button><div><div class="items_dd149"><div><div class="rp-py-1 rp-font-medium"><a class='link_a7cea ' href='/zh/'><div><div class="rp-flex rp-justify-center"><span>简体中文</span></div></div></a></div></div><div><div class="rp-p-1 rp-text-center"><span class="rp-text-brand">English</span></div></div></div></div></div></div></div><div class="social-links menu-item_e90a6 rp-flex rp-items-center rp-justify-center rp-relative"><div class="rp-flex rp-items-center rp-justify-center rp-h-full rp-gap-x-4 rp-transition-colors rp-duration-300 md:rp-mr-2"><a href="https://github.com/module-federation/core" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><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="social-links"><div class="social-links-icon_a4ad0"><div><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></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c rp-text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><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="c9b1c1">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='link_a7cea button_e8e0d brand_dc619 big_f7033 pl-2 pr-2' href='/blog/announcement'>🎉 2.0 Announcement</a></div><div class="p-1 flex-shrink-0"><a class='link_a7cea button_e8e0d alt_b0249 big_f7033 pl-2 pr-2' 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="ed0900"></div><img src="/svg.svg" alt="module federation Logo"/></div></div></div><div class="d07b5d"><div class="d9a58b 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="ab6443" 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="d9a58b 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="ab6443" 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="d9a58b 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="ab6443" 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="d9a58b 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="ab6443" 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="d9a58b 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="ab6443" 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="d9a58b 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="ab6443" 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 class='link_a7cea ' href='/guide/start/quick-start'><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 class='link_a7cea ' href='/configure/'><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="link_a7cea "><span class="font-normal">Web Infra</span></a></li><li><a href="https://www.rspack.dev/" target="_blank" rel="noopener noreferrer" class="link_a7cea "><span class="font-normal">Rspack</span></a></li><li><a href="https://modernjs.dev/en/" target="_blank" rel="noopener noreferrer" class="link_a7cea "><span class="font-normal">Modern.js Framework</span></a></li><li><a href="https://rspress.dev/" target="_blank" rel="noopener noreferrer" class="link_a7cea "><span class="font-normal">Rspress</span></a></li><li><a href="https://zephyr-cloud.io/" target="_blank" rel="noopener noreferrer" class="link_a7cea "><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="link_a7cea "><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></section><div class="ce9de7 a786fb" style="display:none;left:0px;top:0px"></div></div>
<div id="search-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.eyJzaXRlX2lkIjoiZjFhMTZjZTctODkwNC00ODQ3LTk5NGUtODg5ZGFmMDJlZWE3IiwiYWNjb3VudF9pZCI6IjYzOTNjNzcxMDc2NDhjMWJiZTEwMDI3OSIsImRlcGxveV9pZCI6IjY5NjRkMjAyYzMxNTIwMDAwODRiODY5ZCIsImlzc3VlciI6Im5mc2VydmVyIn0.T_hv22-jYMLS2qFV4EcUcxn1bS1qatwSp0Kv9yDK4lg"></script></body>
</html>
{
"status": 200,
"statusText": "",
"headers": {
"accept-ranges": "bytes",
"access-control-allow-origin": "*",
"age": "14977",
"cache-control": "public,max-age=0,must-revalidate",
"cache-status": "\"Netlify Edge\"; hit",
"content-encoding": "br",
"content-length": "5651",
"content-type": "text/html; charset=UTF-8",
"date": "Sun, 18 Jan 2026 07:33:57 GMT",
"etag": "\"62867d47ac87edc93e2b0fa92125cf21-ssl-df\"",
"server": "Netlify",
"strict-transport-security": "max-age=31536000",
"vary": "Accept-Encoding",
"x-nf-request-id": "01KF80CQS3NR16ZM88HYMP027T"
}
}
[
{
"url": "https://module-federation.io",
"technologies": [
{
"slug": "google-analytics",
"name": "Google Analytics",
"versions": [
"GA4"
],
"trafficRank": 65,
"confirmedAt": 1724834072,
"icon": "Google Analytics.svg",
"categories": [
{
"id": 10,
"slug": "analytics",
"name": "Analytics"
}
]
},
{
"slug": "redux",
"name": "Redux",
"versions": [],
"trafficRank": 125,
"confirmedAt": 1724845483,
"icon": "Redux.svg",
"categories": [
{
"id": 12,
"slug": "javascript-frameworks",
"name": "JavaScript frameworks"
}
]
},
{
"slug": "core-js",
"name": "core-js",
"versions": [
"3.6.4",
"3.36.1"
],
"trafficRank": 208,
"confirmedAt": 1724845483,
"icon": "core-js.png",
"categories": [
{
"id": 59,
"slug": "javascript-libraries",
"name": "JavaScript libraries"
}
]
},
{
"slug": "netlify",
"name": "Netlify",
"versions": [],
"trafficRank": 310,
"confirmedAt": 1725352522,
"icon": "Netlify.svg",
"categories": [
{
"id": 62,
"slug": "paas",
"name": "PaaS"
},
{
"id": 31,
"slug": "cdn",
"name": "CDN"
}
]
},
{
"slug": "hsts",
"name": "HSTS",
"versions": [],
"trafficRank": 310,
"confirmedAt": 1725352522,
"icon": "default.svg",
"categories": [
{
"id": 16,
"slug": "security",
"name": "Security"
}
]
},
{
"slug": "rust",
"name": "Rust",
"versions": [],
"trafficRank": 364,
"confirmedAt": 1725352522,
"icon": "Rust.svg",
"categories": [
{
"id": 27,
"slug": "programming-languages",
"name": "Programming languages"
}
]
},
{
"slug": "rspress",
"name": "Rspress",
"versions": [
"1.23.1",
"1.26.3"
],
"trafficRank": 364,
"confirmedAt": 1725352522,
"icon": "Rspress.svg",
"categories": [
{
"id": 57,
"slug": "static-site-generator",
"name": "Static site generator"
}
]
},
{
"slug": "lodash",
"name": "Lodash",
"versions": [],
"trafficRank": 364,
"confirmedAt": 1725352522,
"icon": "Lodash.svg",
"categories": [
{
"id": 59,
"slug": "javascript-libraries",
"name": "JavaScript libraries"
}
]
},
{
"slug": "react",
"name": "React",
"versions": [],
"trafficRank": 364,
"confirmedAt": 1725352522,
"icon": "React.svg",
"categories": [
{
"id": 12,
"slug": "javascript-frameworks",
"name": "JavaScript frameworks"
}
]
},
{
"slug": "react-router",
"name": "React Router",
"versions": [
"6"
],
"trafficRank": 364,
"confirmedAt": 1725352522,
"icon": "React Router.svg",
"categories": [
{
"id": 12,
"slug": "javascript-frameworks",
"name": "JavaScript frameworks"
}
]
},
{
"slug": "tailwind-css",
"name": "Tailwind CSS",
"versions": [],
"trafficRank": 364,
"confirmedAt": 1725352522,
"icon": "tailwindcss.svg",
"categories": [
{
"id": 66,
"slug": "ui-frameworks",
"name": "UI frameworks"
}
]
},
{
"slug": "rspack",
"name": "Rspack",
"versions": [],
"trafficRank": 364,
"confirmedAt": 1725352522,
"icon": "Rspack.svg",
"categories": [
{
"id": 19,
"slug": "miscellaneous",
"name": "Miscellaneous"
}
]
}
]
}
]
{
"error": false,
"result": {
"success": true,
"ogTitle": "Module federation",
"ogDescription": "Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications",
"ogLocale": "en",
"favicon": "https://module-federation.io/svg.svg",
"charset": "utf-8",
"requestUrl": "https://module-federation.io"
},
"response": {}
}
{
"errors": [
{
"id": "authentication_failed",
"code": 401,
"details": "No user found for the API key supplied"
}
]
}
{}
{
"whois.nic.io": {
"Domain Status": [
"clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited",
"clientTransferProhibited https://icann.org/epp#clientTransferProhibited"
],
"Name Server": [
"ns-cloud-d1.googledomains.com",
"ns-cloud-d2.googledomains.com",
"ns-cloud-d3.googledomains.com",
"ns-cloud-d4.googledomains.com"
],
"Domain Name": "module-federation.io",
"Registry Domain ID": "",
"Registrar WHOIS Server": "whois.rrpproxy.net",
"Registrar URL": "http://key-systems.net",
"Updated Date": "2025-12-20T20:09:53Z",
"Created Date": "2022-12-30T13:04:30Z",
"Expiry Date": "2026-12-30T13:04:30Z",
"Registrar": "Key-Systems GmbH",
"Registrar IANA ID": "269",
"Registrar Abuse Contact Email": "abuse@key-systems.net",
"Registrar Abuse Contact Phone": "+49.68949396850",
"Registry Registrant ID": "",
"Registrant Name": "",
"Registrant Organization": "c/o whoisproxy.com",
"Registrant Street": "",
"Registrant City": "",
"Registrant State/Province": "VA",
"Registrant Postal Code": "",
"Registrant Country": "US",
"Registrant Phone": "",
"Registrant Phone Ext": "",
"Registrant Fax": "",
"Registrant Fax Ext": "",
"Registrant Email": "",
"Registry Admin ID": "",
"Admin Name": "",
"Admin Organization": "",
"Admin Street": "",
"Admin City": "",
"Admin State/Province": "",
"Admin Postal Code": "",
"Admin Country": "",
"Admin Phone": "",
"Admin Phone Ext": "",
"Admin Fax": "",
"Admin Fax Ext": "",
"Admin Email": "",
"Registry Tech ID": "",
"Tech Name": "",
"Tech Organization": "",
"Tech Street": "",
"Tech City": "",
"Tech State/Province": "",
"Tech Postal Code": "",
"Tech Country": "",
"Tech Phone": "",
"Tech Phone Ext": "",
"Tech Fax": "",
"Tech Fax Ext": "",
"Tech Email": "",
"DNSSEC": "signedDelegation",
"URL of the ICANN Whois Inaccuracy Complaint Form": "https://icann.org/wicf/",
">>> Last update of WHOIS database": "2026-01-18T07:33:58Z <<<",
"text": [
"For more information on Whois status codes, please visit https://icann.org/epp",
"",
"Terms of Use: Access to WHOIS information is provided to assist persons in determining the contents of a domain name registration record in the registry database. The data in this record is provided by Identity Digital or the Registry Operator for informational purposes only, and accuracy is not guaranteed. This service is intended only for query-based access. You agree that you will use this data only for lawful purposes and that, under no circumstances will you use this data to (a) allow, enable, or otherwise support the transmission by e-mail, telephone, or facsimile of mass unsolicited, commercial advertising or solicitations to entities other than the data recipient's own existing customers; or (b) enable high volume, automated, electronic processes that send queries or data to the systems of Registry Operator, a Registrar, or Identity Digital except as reasonably necessary to register domain names or modify existing registrations. When using the Whois service, please consider the following: The Whois service is not a replacement for standard EPP commands to the SRS service. Whois is not considered authoritative for registered domain objects. The Whois service may be scheduled for downtime during production or OT&E maintenance periods. Queries to the Whois services are throttled. If too many queries are received from a single IP address within a specified time, the service will begin to reject further queries for a period of time to prevent disruption of Whois service access. Abuse of the Whois system through data mining is mitigated by detecting and limiting bulk query access from single sources. Where applicable, the presence of a [Non-Public Data] tag indicates that such data is not made publicly available due to applicable data privacy laws or requirements. Should you wish to contact the registrant, please refer to the Whois records available through the registrar URL listed above. Access to non-public data may be provided, upon request, where it can be reasonably confirmed that the requester holds a specific legitimate interest and a proper legal basis for accessing the withheld data. Access to this data provided by Identity Digital can be requested by submitting a request via the form found at https://www.identity.digital/about/policies/whois-layered-access/. The Registrar of Record identified in this output may have an RDDS service that can be queried for additional information on how to contact the Registrant, Admin, or Tech contact of the queried domain name. Identity Digital Inc. and Registry Operator reserve the right to modify these terms at any time. By submitting this query, you agree to abide by this policy."
]
},
"whois.rrpproxy.net": {
"Domain Status": [],
"Name Server": [],
">>> Last update of WHOIS database": "2026-01-18T07:34:00Z <<<",
"text": [
"The queried object does not exist:",
"",
"The data in the WHOIS database of Key-Systems GmbH is provided by",
"Key-Systems GmbH for information purposes, and to assist persons in",
"obtaining information about or related to domain name registration",
"records. Key-Systems GmbH does not guarantee its accuracy.",
"By submitting a WHOIS query, you agree that you will use this data",
"only for lawful purposes and that, under no circumstances, you will",
"use this data to",
"1) allow, enable, or otherwise support the transmission of mass",
"unsolicited, commercial advertising or solicitations via E-mail",
"(spam); or",
"2) enable high volume, automated, electronic processes that apply",
"to Key-Systems GmbH or its systems.",
"Key-Systems GmbH reserves the right to modify these terms.",
"By submitting this query, you agree to abide by this policy."
]
}
}