fix: should not compile the standard classes when using prefix (#534)

windicss · Oct 27, 2021 · 0910829 · 0910829
1 parent 37faf6c
commit 0910829
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/lib/extract.ts b/src/lib/extract.ts
@@ -30,6 +30,7 @@ export default function extract(
   addComment = false,
   prefix?: string,
 ): Style | Style[] | undefined {
+  if (prefix && !className.startsWith(prefix)) return;
 
   // handle static base utilities
   if (!prefix && className in staticUtilities) return generateStaticStyle(processor, className, addComment);

diff --git a/test/processor/config.test.ts b/test/processor/config.test.ts
@@ -4,6 +4,7 @@ import { Processor } from '../../src/lib';
 import { twExclude } from '../../src/config';
 import { CSSParser } from '../../src/utils/parser';
 import type { colorObject } from '../../src/interfaces';
+import aspectRatio from '../../src/plugin/aspect-ratio';
 
 const configPath = resolve('./test/assets/windi.config.js');
 const userConfig = require(configPath);
@@ -116,10 +117,11 @@ describe('Config', () => {
 
   it('does not generate non-prefixed classes when using prefix', () => {
     const processor = new Processor({ prefix: 'windi-' });
-    const classes = 'items-center justify-center flex-wrap block flex windi-block';
+    processor.loadPlugin(aspectRatio);
+    const classes = 'items-center justify-center flex-wrap block flex windi-block windi-py-3 py-3 container aspect-none';
     // it should not compile the standard classes (items-center, justify-center) because they are not prefixed
     expect(processor.interpret(classes).styleSheet.build()).toBe(
-      '.windi-block {\n  display: block;\n}'
+      '.windi-block {\n  display: block;\n}\n.windi-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}'
     );
   });