From a5a5e6e600e4f660945cc2853b0202b3630112bf Mon Sep 17 00:00:00 2001
From: Tavares Hansen <tavares.hansen321@gmail.com>
Date: Sun, 2 Aug 2020 19:54:04 -0700
Subject: [PATCH] [fix][x]: purge css in prod mode (#40)

---
 package.json      | 1 +
 postcss.config.js | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4a4bf91d..5b26353a 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
   "dependencies": {
     "@apollo/client": "^3.0.2",
     "@apollo/react-hooks": "^3.1.5",
+    "@fullhuman/postcss-purgecss": "^2.3.0",
     "apollo-cache-inmemory": "^1.6.6",
     "apollo-client": "^2.6.10",
     "apollo-link": "^1.2.14",
diff --git a/postcss.config.js b/postcss.config.js
index de82286e..0a7afd11 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,4 +1,10 @@
-const tailwindcss = require('tailwindcss');
+const purgecss = [
+  '@fullhuman/postcss-purgecss',
+  {
+    content: ['./components/**/*.tsx', './pages/**/*.tsx'],
+    defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
+  },
+];
 
 module.exports = {
   plugins: [
@@ -6,5 +12,6 @@ module.exports = {
     'postcss-import',
     'tailwindcss',
     'autoprefixer',
+    ...(process.env.NODE_ENV === 'production' ? [purgecss] : []),
   ],
 };