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

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一

很多技术都是这样，很久前就被提出来了，但是真正被广泛使用，又是另外一回事，或许将来某一个时候赖于某个环境的变化、或者技术生态的发展等等，意外就又爆火了，如果没有，则慢慢走向湮灭了。

本文主要讲css各种解决方案，包括，BEM、css modules、Css in Js、预处理器、Shadow DOM，Vue Scoped，分析优缺点

使用Preact结合Shadow DOM开发界面级JS插件，完美做到样式隔离，同时还能提高开发效率。

EMP维护了一套cli脚手架和一系列的template模板，可以让新手开箱使用。 接下来，我们会在emp初始化的指引下，建立两个应用项目，分别命名为react-base和react-project，我们将体验两个项目之间如何进行资源共享。 其中重点关注的是emp-config.…

好奇心驱使着我去探究下究竟是怎么实现的，下面就看下qiankun是怎么实现的吧。 主要利用StyleElement.sheet获取标签内的所有css规则代码，然后对其进行处理，具体处理逻辑之后会看到。这部分代码执行的前提是传入的style标签一开始就是有内容的，当style标签…

最近一直在做微前端的项目，遇到的一个问题就是如何对主应用和子应用的样式进行隔离CSS隔离的场景使用postcss的插件postcss-selector-namespace为我们的样式添加对应的name

webpack 5 模块联邦实现微前端 微前端：将巨大的单体前端系统拆分成多个独立的小型系统，最后集成为一个系统的架构思路，分而治之，让系统 更加容易维护、更易扩展，实施微前端是一个先拆分，后合并的过