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

qiankun微前端方案源码解析v1.4.5startprefetchAfterFirstMountedprefetchImmediatelySandBox沙箱机制SnapshotSandbox子应用

本文主要介绍webpack 5 的新特性之一 "module federation"(联邦模块)，涉及联邦模块特性、使用方法、适用范围。 webpack 5引入联邦模式是为了更好的共享代码。 在此之前，我们共享代码一般用npm发包来解决。 npm发包需要经历构建，发布，引用三阶…

可以解决跨项目的相互依赖，假设目前有两个项目 app1 和 app2，app1 想使用 app2 项目里的某个组件比如 src/components/Button.js。我们可能会将 components 拆成公共的组件库分别在 app1、app2 里引入，但是维护和更新组件库…

在当前的微前端实现中，我们需要通过一系列的技巧去实现。正如上图所示，微前端的公共依赖加载目前并没有非常好的实现方案。然后，Webpack 5中的模块联邦将会改变这一现状。 模块联邦可以去依赖一个远程模块，这个依赖会在运行时生效，并不影响编译时。因此，这个远程依赖的模块就可以是一…

如果你关注了我，你就知道我对微前端非常热衷，我和他们一起工作了一段时间，并且也保持着开放的心态，分析不同的方式，来理解他们的利弊。 如果你没有关注我，而是从技术角度对这个主题感到好奇，请查看我的 Medium 主页，除此之外，还有许多其他的关于微前端的资源，只需在 Medium…

微前端的概念最早由 thoughtworks 在 2016 年提出。其核心思路是借鉴后端微服务架构理念，将一个单体的庞大的前端应用拆分为多个简单独立的前端工程。每个前端工程可以独立开发、测试、部署。最终再由一个容器应用，将拆分后的微前端工程组合为一个整体，面向用户提供服务。 微…

一、微前端由来随着前端历史化进程的推进，出现了两种前端开发模式，MPA多页面应用模式和SPA单页面应用模式，其分别有自己的独到之处以及不足点。（1）MPA模式例如中后台系统涵盖多个业务模块，分别由不同