remove import './styles.css' from script

live-codes · Jan 23, 2024 · 89111d0 · 89111d0
1 parent c853df6
commit 89111d0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/livecodes/compiler/import-map.ts b/src/livecodes/compiler/import-map.ts
@@ -199,6 +199,9 @@ export const removeImports = (code: string, mods: string[]) =>
     return mods.includes(libName) ? '' : statement;
   });
 
+export const removeSideEffectStyleImports = (code: string) =>
+  code.replace(/import\s+["']\.\/style(s)?\.(css|less|sass|scss)["'];?/g, '');
+
 export const styleimportsPattern =
   /(?:@import\s+?)((?:".*?")|(?:'.*?')|(?:url\('.*?'\))|(?:url\(".*?"\)))(.*)?;/g;
 

diff --git a/src/livecodes/result/result-page.ts b/src/livecodes/result/result-page.ts
@@ -6,6 +6,7 @@ import {
   hasImports,
   isModuleScript,
   removeImports,
+  removeSideEffectStyleImports,
 } from '../compiler';
 import { cssPresets, getLanguageCompiler, getLanguageExtension } from '../languages';
 import { hasCustomJsxRuntime, hasDefaultExport, reactRuntime } from '../languages/jsx/jsx-runtime';
@@ -118,6 +119,7 @@ export const createResultPage = async ({
     dom.head.appendChild(stylesheet);
   });
   code.script.compiled = removeImports(code.script.compiled, stylesheetImports);
+  code.script.compiled = removeSideEffectStyleImports(code.script.compiled);
 
   // editor styles
   if (singleFile) {