Webpack5 新功能 Federated Modules 是一个令人激动的功能，它可能会改变未来几年的前端打包方式，它可以应用于微前端，但却不止于此，希望对大家有所启发。

作为前端打包工具的重要工具人--webpack，相信大家在项目中并不陌生。前段时间 webpack5 新出了个特性: 模块联邦。今天就带大家通过一个小实战来熟悉一下它的用法。

简介 本文主要讨论微前端框架 qiankun 的沙箱实现方案，及各方案的实现原理，希望大家对 js 沙箱隔离有更深的理解。 什么是 js 沙箱 我们在使用微前端框架的时候，经常听到 js 沙箱这个词，

ShadowDOM 什么是Shadown DOM？Shadown DOM属于web components技术中的一环，是一个极其关键的接口实现

微前端的设计要素：路由隔离、js隔离、css隔离、预加载机制、通信机制、多微应用激活，如果不了解微前端请自行搜索学习 一个完善的微前端框架需要考虑： 子应用的激活和卸载能力 页面从主应用切换到子应用，

前言 MicroApp是一款基于类WebComponent进行渲染的微前端框架，不同于目前流行的开源框架，它从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federation的大包流程进行阐述；

从 HTML Entry 的诞生原因 -> 原理简述 -> 实际应用 -> 源码分析，带你全方位刨析 HTML Entry 框架

从源码层面详细讲解了 `qiankun` 框架中的 JS 沙箱 和 样式沙箱的实现原理 ......