Add Purgecss

vercel · Oct 21, 2019 · eccadd6 · eccadd6
1 parent 3a7603c
commit eccadd6
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/examples/with-tailwindcss/package.json b/examples/with-tailwindcss/package.json
@@ -13,6 +13,7 @@
     "react-dom": "^16.7.0"
   },
   "devDependencies": {
+    "@fullhuman/postcss-purgecss": "^1.3.0",
     "autoprefixer": "^7.1.6",
     "cssnano": "^3.10.0",
     "postcss-easy-import": "^3.0.0",

diff --git a/examples/with-tailwindcss/postcss.config.js b/examples/with-tailwindcss/postcss.config.js
@@ -2,6 +2,10 @@ module.exports = {
   plugins: [
     require('postcss-easy-import'),
     require('tailwindcss'),
-    require('autoprefixer')
-  ]
+    require('@fullhuman/postcss-purgecss')({
+      content: ['./pages/**/*.js', './components/**/*.js'],
+      defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || [],
+    }),
+    require('autoprefixer'),
+  ],
 }
diff --git a/examples/with-tailwindcss/styles/index.css b/examples/with-tailwindcss/styles/index.css
@@ -1,6 +1,8 @@
 @import './button.css';
 
+/* purgecss start ignore */
 @tailwind base;
+/* purgecss end ignore */
 @tailwind components;
 @tailwind utilities;