Integrate PurgeCSS directly into Tailwind

2020-04-27 13:07:27 -04:00 · 2020-04-27 13:07:27 -04:00 · ec0b7a2be1
commit ec0b7a2be1
parent 857e2d376d
11 changed files with 925 additions and 23 deletions
--- a/scripts/rebuildFixtures.js
+++ b/scripts/rebuildFixtures.js
@ -39,6 +39,29 @@ Promise.all([
    to: '__tests__/fixtures/tailwind-output-important.css',
    config: { important: true },
  }),
+  build({
+    from: '__tests__/fixtures/tailwind-input.css',
+    to: '__tests__/fixtures/tailwind-output-purged.css',
+    config: {
+      theme: {
+        extend: {
+          colors: {
+            'black!': '#000',
+          },
+          spacing: {
+            '(1/2+8)': 'calc(50% + 2rem)',
+          },
+          minHeight: {
+            '(screen-100)': 'calc(100vh - 1rem)',
+          },
+          fontFamily: {
+            '%#$@': 'Comic Sans',
+          },
+        },
+      },
+      purge: { enabled: true, paths: ['./__tests__/fixtures/**/*.html'] },
+    },
+  }),
 ]).then(() => {
  console.log('\nFinished rebuilding fixtures.')
  console.log(