feat: add @fullhuman/postcss-purgecss

Author: hadl

package-lock.json

@@ -19,6 +19,7 @@
   "devDependencies": {
     "@babel/core": "^7.12.16",
     "@babel/eslint-parser": "^7.12.16",
+    "@fullhuman/postcss-purgecss": "^4.1.3",
     "@pattern-lab/cli": "^5.16.2",
     "@pattern-lab/core": "^5.16.2",
     "@pattern-lab/engine-twig-php": "^5.16.2",

package.json

@@ -0,0 +1,29 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const purgecss = require('@fullhuman/postcss-purgecss');
+const autoprefixer = require('autoprefixer');
+
+module.exports = {
+  plugins: [
+    autoprefixer,
+    purgecss({
+      content: ['./public/**/*.html', './src/**/*.vue', './source/**/*.twig'],
+      defaultExtractor(content) {
+        const contentWithoutStyleBlocks = content.replace(
+          /<style[^]+?<\/style>/gi,
+          '',
+        );
+        return (
+          contentWithoutStyleBlocks.match(
+            /[A-Za-z0-9-_/:]*[A-Za-z0-9-_/]+/g,
+          ) || []
+        );
+      },
+      safelist: [
+        /-(leave|enter|appear)(|-(to|from|active))$/,
+        /^(?!(|.*?:)cursor-move).+-move$/,
+        /^router-link(|-exact)-active$/,
+        /data-v-.*/,
+      ],
+    }),
+  ],
+};