fix: fixed purgecss config to not strip tailwind classes in production

kouts · Nov 2, 2024 · a9f75e6 · a9f75e6
1 parent 0a9900b
commit a9f75e6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
+    "build-preview": "vite build && vite preview",
     "lint": "eslint \"**/*.{vue,ts,js}\"",
     "lint-fix": "eslint --fix \"**/*.{vue,ts,js}\"",
     "test:unit": "vitest",

diff --git a/postcss.config.js b/postcss.config.js
@@ -22,6 +22,8 @@ export default {
           /^router-link(|-exact)-active$/,
           /data-v-.*/,
           /^active/,
+          /.*-\[.*\]/, // Matches all classes with `-[...]` (Tailwind JIT classes)
+          /^(!)?[a-z]+:!?.*/, // Matches responsive and important modifiers, like `md:!text-emerald-500`
         ],
       }),
   ],