首页  思维导图  详情



 



微前端

2026-02-13 14:35:25   0  举报





仅支持查看

AI智能生成

微前端

模板推荐

作者其他创作

大纲/内容

qiankun

子应用webpack

优点

多个应用组合像一个应用一样执行

css隔离

js隔离

缺点

webpack技术老旧（可以尝试字节的rspack，兼容webpackapi）

性能差，需要在runtime阶段做样式解析和替换

cssinJs无法替换，依然存在样式污染问题

子应用用vite

优点

多个应用组合像一个应用一样执行

缺点

构建成：esMoulde

样式无法隔离

js无法隔离

<br>

vite因为使用esmodule构建，无法实现动态的publicPath，如果子应用的挂载地址想要改变，那么需要重新构建

构建成：umd

无法分包，体积大

wujie/microApp

优点

css隔离

js隔离

适配所有脚手架开发的子应用

缺点

开发环境下，跨域的子应用如果使用Worker相关api，浏览器会在runtime阶段直接阻止运行，并报错，没法绕过

vite因为使用esModule构建，无法实现动态挂载地址（webpack的publicPath，vite的base），如果子应用的挂载地址想要改变，那么需要修改源码重新构建

 Collect

Get Started

前端

 Collect

Get Started

微前端

 Collect

Get Started

微信数据标签

 Collect

Get Started

微前端Qiankun技术方案演进路线





0 条评论

下一页