Core
Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications
Install / Use
/learn @module-federation/CoreREADME
Module Federation
<p align="center"> <a href="https://www.npmjs.com/package/@module-federation/runtime?activeTab=readme"> <img src="https://img.shields.io/npm/v/@module-federation/runtime?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /> </a> <a href="https://npmcharts.com/compare/@module-federation/runtime?minimal=true"> <img src="https://img.shields.io/npm/dm/@module-federation/runtime.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /> </a> <a href="https://github.com/web-infra-dev/rspack/blob/main/LICENSE"> <img src="https://img.shields.io/npm/l/@module-federation/runtime?style=flat-square&colorA=564341&colorB=EDED91" alt="license" /> </a> </p>You can consider the module federation capabilities provided by this repository as "module federation 2.0". "Module Federation 2.0" differs from the "Module Federation" built into webpack 5 by offering not only the core features of module export, loading, and dependency sharing but also additional dynamic type hinting, a "Manifest", a "Federation Runtime", and a "Runtime Plugin System". These features make "Module Federation" more suitable for use as a micro-frontend architecture in large-scale web applications.
💡 What is Module Federation?
-
Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications
-
Module Federation can be used to split monolithic applications into micro-front-end architectures
-
Module Federation reuses common dependencies between modules as much as possible
✨ What new features does Module Federation provide?
- 🎨 Module Federation Runtime
- 🧩 Runtime Plugins System
- 📝 Manifest
- 🚀 Dynamic type prompt
- 🛠️ Chrome Devtool
📚 Getting Started
To get started with Module Federation, see the Quick Start.
🧑💻 Community
Come and chat with us on Discussions or Discord! The Module federation team and users are active there, and we're always looking for contributions.
🤝 Contribution
New contributors welcome!
Please read the Contributing Guide.
🙌 Code of Conduct
This repo has adopted the Code of Conduct. Please check Code of Conduct for more details.
Related Skills
bluebubbles
340.5kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
node-connect
340.5kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
slack
340.5kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
frontend-design
84.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
