我们在使用无界微前端时候,有时候发现,子应用多次进入后样式会丢失。那么我们就可以通过如下方式解决:

/* 适配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标签里面
高版本无界 不要插件了
作者 已经把这个插件 集成进去了

标签: none

添加新评论