purgecss: use postcss plugin instead of webpack

Author: forsartis

generator/index.js

@@ -3,6 +3,7 @@ module.exports = (api, options) => {
     postcss: {
       plugins: {
         tailwindcss: './tailwind.config.js',
+        'vue-cli-plugin-tailwind/purgecss': {},
       },
     },
   };

package.json

@@ -5,8 +5,7 @@
   "author": "Jens Eggerstedt <j.eggerstedt@kaibatech.de>",
   "license": "MIT",
   "dependencies": {
-    "glob-all": "^3.1.0",
-    "purgecss-webpack-plugin": "^1.3.0",
+    "@fullhuman/postcss-purgecss": "^1.0.1",
     "tailwindcss": "^0.6.5"
   },
   "repository": {

purgecss/index.js

@@ -0,0 +1,24 @@
+const isHotReloaded = process.argv.includes('serve');
+const postcss = require('postcss');
+
+class TailwindExtractor {
+  static extract(content) {
+    return content.match(/[A-Za-z0-9-_:\/]+/g) || [];
+  }
+}
+
+let config = {
+  content: ['./public/index.html', './src/**/*.vue'],
+  extractors: [
+    {
+      extractor: TailwindExtractor,
+      extensions: ['html', 'vue'],
+    },
+  ],
+};
+
+module.exports = postcss.plugin('tailwind-purgecss', function(opts) {
+  if (isHotReloaded) return () => {};
+  const purgecss = require('@fullhuman/postcss-purgecss');
+  return purgecss(Object.assign(config, opts));
+});