fix: Try custom extractor for Tailwind

floric · Aug 25, 2020 · 138c1b3 · 138c1b3
1 parent 6819afa
commit 138c1b3
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/template/page.tsx b/src/template/page.tsx
@@ -33,6 +33,15 @@ export const generatePage = async (
  const res = await purger.purge({
  content: [{ extension: "html", raw: `<html><body>${body}</body></html>` }],
  css: [{ raw: css }],
+ defaultExtractor: (content) => {
+ // Capture as liberally as possible, including things like `h-(screen-1.5)`
+ const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || [];
+
+ // Capture classes within other delimiters like .block(class="w-1/2") in Pug
+ const innerMatches = content.match(/[^<>"'`\s.()]*[^<>"'`\s.():]/g) || [];
+
+ return broadMatches.concat(innerMatches);
+ },
  });
 
  const reducedCss = res.map((n) => n.css).reduce((a, b) => `${a}\n${b}`);