single-spa Demo微前端框架共存方案
single-spa 的 demo，蛮推荐给搞微前端的朋友。它最大的亮点就是可以让多个前端框架和平共处，比如你一个项目里想用 React 做主页，Vue 搞个活动页，Angular 去整后台，都能玩得转，而且不会打架。
模块解耦做得不错，每个子应用可以独立开发、独立部署，团队之间基本互不影响。你用它搭起来之后，再加个模块联邦，效率直接翻倍。部署也灵活，更新哪个模块就发哪个模块，后期维护省不少事。
像single-spa 登录示例 NPM 包这种，就是一个基础的实现方式，适合先过一遍流程。更高级点的玩法，可以看看mfe-webpack-module-fed，结合 Webpack 5 的模块联邦，组合拳用起来更香。
如果你用 Webpack 搭构建环境，可以顺手加上Standalone-Single-Spa-Webpack-Plugin，让子应用打包更轻松，入口配置也会清晰不少。
啦，想对比看看别的微前端方案，也可以去瞅瞅Qiankun 整合研究，其实它底层也是基于 single-spa，只是包装得更全了点。适合对技术栈整合要求高的团队。
提醒下，项目结构一定要规范，尤其是路由管理，不然调试的时候容易一脸懵。如果你还没玩过微前端，这个 demo 是个挺不错的起点，先跑起来再说！
文件大小：87.57KB
评论区