# m-app
**Repository Path**: ambit/m-app
## Basic Information
- **Project Name**: m-app
- **Description**: 📦 微应用容器组件，对 DOM、CSS、JS 进行硬隔离，达到真正的技术栈无关，并且运行时集成，微应用可独立开发、部署、升级。使用如 iframe 般简便，却超脱 iframe 的局限，你值得一试！
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: http://ambit.gitee.io/m-app/
- **GVP Project**: No
## Statistics
- **Stars**: 88
- **Forks**: 23
- **Created**: 2021-02-18
- **Last Updated**: 2024-10-14
## Categories & Tags
**Categories**: webui
**Tags**: 微前端, 微应用, mfe, micro-app, micro-frontends
## README
# <m-app>
可能是你见过最简单的微前端解决方案，一行代码即可实现应用的接入 😎
```html
```
体验一下，并且可以在线接入你的应用 🎉
1. Gitee Pages
1. GitHub Pages
## 📃 简介
***<m-app>*** 将微应用的 DOM 树置于 **Shadow DOM** 中维护，从而实现 DOM 树独立以及 CSS 隔离，而 JavaScript 代码则置于**同源 iframe** 中运行，由 iframe 提供独立的运行环境。
出于降低改造成本的考虑，微应用的 Shadow DOM 与正常 DOM 的结构保持一致。
微应用的 Shadow DOM 结构：
```html
├─