fix(runtime): The preload link is inserted without specific purpose (#2152)

Author: zhoushaw

.changeset/itchy-ravens-give.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/sdk': patch
+---
+
+fix: Avoid style loss due to reuse of link without distinguishing purpose

packages/sdk/src/dom.ts

@@ -98,7 +98,7 @@ export function createScript(
 export function createLink(
   url: string,
   cb: (value: void | PromiseLike<void>) => void,
-  attrs?: Record<string, any>,
+  attrs: Record<string, string> = {},
   createLinkHook?: (url: string) => HTMLLinkElement | void,
 ) {
   // <link rel="preload" href="script.js" as="script">
@@ -110,7 +110,12 @@ export function createLink(
   for (let i = 0; i < links.length; i++) {
     const l = links[i];
     const linkHref = l.getAttribute('href');
-    if (linkHref && isStaticResourcesEqual(linkHref, url)) {
+    const linkRef = l.getAttribute('ref');
+    if (
+      linkHref &&
+      isStaticResourcesEqual(linkHref, url) &&
+      linkRef === attrs['ref']
+    ) {
       link = l;
       needAttach = false;
       break;