Integrate purgecss (#59)

Integrated PurgeCSS to eradicate unused CSS.
Shrinks the size of CSS output considerably.

web/package.json

@@ -11,9 +11,10 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.27",
         "@fortawesome/free-solid-svg-icons": "^5.12.1",
         "@fortawesome/vue-fontawesome": "^0.1.9",
-        "tailwindcss": "^1.2.0",
+        "@fullhuman/postcss-purgecss": "^2.1.0",
         "axios": "^0.19.0",
         "core-js": "^3.4.4",
+        "tailwindcss": "^1.2.0",
         "vue": "^2.6.10",
         "vue-headful": "^2.1.0",
         "vue-moment": "^4.1.0",

web/postcss.config.js

@@ -1,6 +1,24 @@
+// postcss.config.js
+const purgecss = require('@fullhuman/postcss-purgecss')({
+
+  // Specify the paths to all of the template files in your project 
+  content: [
+    './src/**/*.html',
+    './src/**/*.vue',
+    './src/**/*.js(x)',
+    // etc.
+  ],
+
+  // Include any special characters you're using in this regular expression
+  defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
+})
+
 module.exports = {
-  plugins: {
-    tailwindcss: './tailwind.config.js',
-    autoprefixer: {}
-  }
-}
+  plugins: [
+    require('tailwindcss'),
+    require('autoprefixer'),
+    ...process.env.NODE_ENV === 'production'
+      ? [purgecss]
+      : []
+  ]
+}

web/src/assets/styles/main.css

@@ -3,3 +3,7 @@
  @tailwind components;
 
  @tailwind utilities;
+
+ * {
+     font-family: "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+ }