微前端样式隔离
出现的问题
在使用dialog、drawer以及各种append到body的组件时,会出现样式隔离逃逸问题。
解决方案
自己写插件,拦截UI库的插入行为,并判断调用栈(来自子应用还是主应用),进行放行或拦截操作
插件已上传至NPM
qgb-warp-appendbody
使用方法:
子应用main.ts中
1 | import { setCssNameSpace } from "qgb-warp-appendbody"; |
在使用dialog、drawer以及各种append到body的组件时,会出现样式隔离逃逸问题。
自己写插件,拦截UI库的插入行为,并判断调用栈(来自子应用还是主应用),进行放行或拦截操作
插件已上传至NPM
qgb-warp-appendbody
子应用main.ts中
1 | import { setCssNameSpace } from "qgb-warp-appendbody"; |