微前端
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 条评论
下一页