无界微前端中如何解决二次进入样式丢失?
我们在使用无界微前端时候,有时候发现,子应用多次进入后样式会丢失。那么我们就可以通过如下方式解决: 但生产环境有效,开发环境可能无效。/* 适配vite 4,5的版本子应用样式异常丢失的问题*/
// 解决二次进入样式丢失插件.
export const plugins = [
{
patchElementHook(element: any, iframeWindow: any) {
if (element.nodeName === "STYLE") {
element.insertAdjacentElement = function (_position, ele) {
iframeWindow.document.head.appendChild(ele);
};
}
}
}
]
我的plugins是这样的
不保活模式 多次切换子应用 开发环境就会样式丢失 无界无法收集开发环境vite vue文件里面的样式。
生产环境就没有问题 打包后 都在 STYLE标签里面
高版本无界 不要插件了
作者 已经把这个插件 集成进去了