Skip to main content
微前端框架

为什么需要微前端框架？

当我们需要进行对旧应用进行增量升级、项目拆分时候，确定了需要使用微前端技术以后，我们可以使用一些主流的微前端技术方案自己去实现微前端：

  • 基于 Web Components
  • 基于自定义元素和 Shadow DOM
  • 基于 iframe
  • 基于微服务网关路由分发
  • 基于单页面应用（SPA）
  • 基于 WebPack5 Module fedearation

详细可以参考：微前端技术方案 | Sewen 博客 (sewar-x.github.io)

SewenAbout 44 min微前端微前端 微前端框架
使用微前端重构项目

项目搭建 Demo: Sewar-x/micro-app-demo: 使用京东 micro-app 微前端技术，重构的后台管理系统项目框架 demo (github.com)

背景

最近有一个多年老项目（该项目使用 PHP + JQuery 前后端不分离模式开发，由于该项目经历多手人员维护，还参杂使用 CDN 方式引入 element-ui 和 Ant-design，纯后端人员维护，总之技术栈很乱）接到一些新需求，该项目由一位多年经验后端人员维护。这些需求后端维护人员表示无法使用 JQuery 实现（简述就是实现类是任务进度看板和自定义描述列表需求）。

SewenAbout 9 min微前端微前端 微前端框架