前言 目前接触过很多SaaS系统。随着业务量的升级，项目不得不做拆分。保证系统稳定性的前提，优化开发人员的体验。 目前在做这块的升级，所以调研了一些主流方案，有兴趣的来看看吧

css module 通过命名规范来限制类名太过死板，而css in js虽然足够灵活，但是书写不便。 css module 开辟一种全新的思路来解决类名冲突的问题.

无论是微服务还是大型的项目，样式多了就容易被覆盖，目前css-in-js，scoped等都可以来实现，Vite 如果优雅的使用Css module做样式隔离呢

前言 模块联邦也称为ModuleFedaration，是webpack5的新特性，能够很好的解决模块依赖复用问题。 多个独立构建的应用，他们之间的模块互不影响，可以独立开发、独立部署，也可以做为一个独

Vue、模块联邦、Module Federation、Vite、MF、Vite 也可以使用模块联邦了

性能优化已是老生常谈的问题，但不知大家对于模块联邦这个概念是否熟悉。一句话介绍，模块联邦可以让当前前端应用动态地加载来自其他应用的代码。 听着有点绕？那我先来说说模块联邦带来的一个特性：依赖共享。