代码拉取完成，页面将自动刷新
可能是你见过最简单的微前端解决方案，一行代码即可实现应用的接入 😎
<m-app entry="http://example.com/path/to/entry.html"></m-app>
体验一下，并且可以在线接入你的应用 🎉
<m-app> 将微应用的 DOM 树置于 Shadow DOM 中维护，从而实现 DOM 树独立以及 CSS 隔离，而 JavaScript 代码则置于同源 iframe 中运行，由 iframe 提供独立的运行环境。
出于降低改造成本的考虑，微应用的 Shadow DOM 与正常 DOM 的结构保持一致。
微应用的 Shadow DOM 结构：
├─<iframe hidden>
│ ├─<meta>
ShadowRoot─│ ├─<head>─├─<title>
│ │ ├─...
├─<html>─│
│ ├─<h1>
├─<body>─├─<div>
├─...
正常 DOM 结构：
├─<meta>
├─<head>─├─<title>
│ ├─...
Document──<html>─│
│ ├─<h1>
├─<body>─├─<div>
├─...
<iframe> 的窗口隔离问题<script> 的 type="module"、defer、async 等特性npm i -S @ambit_tsai/m-app
import '@ambit_tsai/m-app';
或者
<script src="path/to/m-app.js"></script>
更多信息请查看 Wiki
稿定科技招人啦 👇联系我可内推，或是推荐给需要的朋友
（🔓联系我解锁更多信息）
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。