fix: 修复子应用切换插件样式重复问题 (#163)

close #161
Tencent · Sep 22, 2022 · bf0fb18 · bf0fb18
1 parent 49f95e6
commit bf0fb18
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/wujie-core/src/effect.ts b/packages/wujie-core/src/effect.ts
@@ -163,7 +163,10 @@ function rewriteAppendOrInsertChild(opts: {
     if (element.tagName) {
       switch (element.tagName?.toUpperCase()) {
         case "LINK": {
-          const { href } = element as HTMLLinkElement;
+          const { href, rel, type } = element as HTMLLinkElement;
+          const styleFlag = rel === "stylesheet" || type === "text/css" || href.endsWith(".css");
+          // 非 stylesheet 不做处理
+          if (!styleFlag) return rawDOMAppendOrInsertBefore.call(this, element, refChild);
           // 排除css
           if (href && !isMatchUrl(href, getEffectLoaders("cssExcludes", plugins))) {
             getExternalStyleSheets(

diff --git a/packages/wujie-core/src/shadow.ts b/packages/wujie-core/src/shadow.ts
@@ -103,7 +103,8 @@ async function processCssLoaderForTemplate(sandbox: Wujie, html: HTMLHtmlElement
         styleElement.setAttribute("type", "text/css");
         styleElement.appendChild(document.createTextNode(content ? cssLoader(content, src, curUrl) : content));
         const head = html.querySelector("head");
-        head?.insertBefore(styleElement, html.querySelector("head")?.firstChild);
+        const body = html.querySelector("body");
+        html.insertBefore(styleElement, head || body || html.firstChild);
       });
     }),
     Promise.all(