Add PurgeCSS

package.json

@@ -20,6 +20,7 @@
     "vue-router": "^3.1.0"
   },
   "devDependencies": {
+    "@fullhuman/postcss-purgecss": "^1.2.0",
     "@vue/cli-plugin-babel": "^3.6.0",
     "@vue/cli-plugin-eslint": "^3.6.0",
     "@vue/cli-plugin-unit-jest": "^3.6.3",

postcss.config.js

@@ -1,9 +1,16 @@
 module.exports = {
   parser: 'sugarss',
-  plugins: {
+  plugins: [
-    'postcss-import': {},
+    require('postcss-import'),
-    tailwindcss: "./tailwind.config.js",
+    require('tailwindcss'),
-    'postcss-nested': {},
+    require('postcss-nested'),
-    autoprefixer: {}
+    require('autoprefixer'),
-  }
+    process.env.NODE_ENV === 'production' && require('@fullhuman/postcss-purgecss')({
+      content: [
+        './src/**/*.vue',
+        './public/index.html',
+      ],
+      defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
+    })
+  ]
 }

src/assets/css/components.css

@@ -0,0 +1 @@
+@import './components/search-form.css'

src/assets/css/custom-components.css

@@ -1,2 +0,0 @@
-@import 'components/links'
-@import 'components/search-form'

src/assets/css/tailwind.css

@@ -1,6 +1,7 @@
 @import 'tailwindcss/base'
+@import './base.css'
 
 @import 'tailwindcss/components'
-@import 'custom-components'
+@import './components.css'
 
 @import 'tailwindcss/utilities'