Hello～ 大家好，阅读本文大约需要10分钟，快来阅读吧！本文主要介绍古茗在中后台技术方向的一些思考和技术沉淀。

子弈的 2022 年度总结，包括 Chromium 基础知识、微前端、Chrome DevTools 和跨端等技术总结，并给出 2023 年的学习计划，供大家参考。

这篇文章大致是为了回答几个问题： 迁移到微前端，我们到底要什么？ 业界的「微前端」体系通常包括哪些部分？ 贴近研发同学侧的「微前端框架」通常用什么样的技术？

现存微前端方案在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法支持，需要一种更加完美的解决方案。

最近看到了好几篇与微前端相关的文章，对于微前端的架构基本都提到了 iframe 方式，但最终也没看到那篇文章最后选择了 iframe 架构。既然如此，那我就来试试看用 iframe 实现微前端怎么样。 项目可以分为两部分，一部分是统一的登陆注册入口，一分部是主要的管理内容区。 …

Webpack Module Federation 特性（下面统称 mf）是 webpack 5 一个重要的亮点，本文着重介绍了基于 mf 特性在 module federation 机制下优雅实践。

使用 module federation，我们可以在一个 javascript 应用中动态加载并运行另一个 javascript 应用的代码，并实现应用之间的依赖共享。

背景 webpack5 总体打包体积过慢、开启缓存并没有很少解决当前问题 module federation 涉及到 single 与 eager 的问题，横向共享增加会加大体积与构建复杂度 项目配置

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