微前端
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），如果子应用的挂载地址想要改变，那么需要修改源码重新构建
收藏
职业：暂无
0 条评论
下一页
