qiankun 微前端 隔离子应用样式,解决 ant-design-vue 子应用样式污染问题(已落地)
先分析乾坤qiankun 构建之后,会根据你的配置 给每个子应用生成一个id, 当加载到对应子应用的时候,就把内容放到对应的id 标签里去, 这样能有效的隔离 js 代码,但是样式是加载在全局的。所以 当两个子应用的 全局的样式名一样的时候, 切换的子应用的上一个子应用的样式没有被清除是公用,所以就造成了样式污染,同样主应用和子应用之间也会有这个污染。如果是elemt UI 的可以看 下面的博客,我借鉴过他的思路,也是他是通过改下 挂载函数的方法,思路很重要,主要就是解决挂载问题。
原创
2024-07-31 09:17:50 ·
479 阅读 ·
0 评论