fix(build): fix css injection

fix css injection tryiong to inject at buildtime instead of runtime
seb-oss · Aug 12, 2022 · a03f284 · a03f284
1 parent a0249b5
commit a03f284
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/lib/rollup.config.js b/lib/rollup.config.js
@@ -9,11 +9,12 @@ const components = require("./src/index.json");
 
 function injectCSS(css, uniqueId) {
     if (!css || typeof document === "undefined") {
+        console.error("injectCSS error: no css or document undefined ");
         return;
     }
 
     const exists = !!document.querySelector(`style[id="${uniqueId}"]`);
-    if (exists) {
+    if (uniqueId && exists) {
         return;
     }
 
@@ -50,7 +51,7 @@ export default [
                     (varname, id) => {
                         const filePathArray = id.split("\\");
                         const file = filePathArray[filePathArray.length - 1].split(".");
-                        return `${varname} = ${injectCSS(varname, `rc-${file[0]}`)};`;
+                        return `const inject = ${injectCSS};\n${varname} = inject(${varname}, "rc-${file[0]}");`;
                     },
                 ],
             }),
@@ -78,7 +79,7 @@ export default [
                     (varname, id) => {
                         const filePathArray = id.split("\\");
                         const file = filePathArray[filePathArray.length - 1].split(".");
-                        return `${varname} = ${injectCSS(varname, `rc-${file[0]}`)};`;
+                        return `const inject = ${injectCSS};\n${varname} = inject(${varname}, "rc-${file[0]}");`;
                     },
                 ],
             }),