2 篇博文 含有标签「微前端」

微前端绕不开 Module Federation（MF）。它和 qiankun 那类方案常被放在一起比，但两者其实抽象层级不同：qiankun 管的是「应用怎么隔离地拼在一起」，MF 管的是「模块怎么跨应用加载与共享」。

这篇不空谈：我搭了两个最小应用（host / remote），用 webpack 5.111.0 + @module-federation/enhanced 2.9.0 真跑了一遍构建，把产物、stats、manifest 全抓出来给你看——MF 这套东西「到底生成了什么」，看完就有底了。

声明：本文配置与构建产物均为本机真实运行结果（含 mf-manifest.json 原文）。运行时（浏览器里加载远程模块）未实测，涉及运行时的部分我标明了依据，不编造效果。

微前端把多个团队的应用塞进同一个页面，但浏览器只给了一个 window、一个 document、一条渲染管道。两个子应用如果都往全局上写东西、都动全局样式、都监听全局事件，必然互相踩脚。所以微前端框架的核心难点从来不是"怎么把代码加载进来"，而是怎么给每个子应用一个互不干扰的"沙箱"。

本文拆解各大厂自建沙箱的实现：先讲沙箱的本质（JS 全局隔离有哪几条路），再逐家拆 qiankun（蚂蚁）、micro-app（京东）、wujie（腾讯）、Garfish（字节）的方案与权衡，最后给出一套自建沙箱的工程要点。