purgecss-defaultExtractor.js

const { PurgeCSSPlugin } = require("purgecss-webpack-plugin");
const glob = require("glob-all");

// https://stackoverflow.com/a/77249323/181295
module.exports = {
  plugins: [
    new PurgeCSSPlugin({
      defaultExtractor: (content) => {
        const defaultSelectors = content.match(/[A-Za-z0-9_-]+/g) || [];
        const extendedSelectors = content.match(/[^<>"=\s]+/g) || [];
        return defaultSelectors.concat(extendedSelectors);
      },
      paths: glob.sync([
        './**/*.html',
      ],{
        nodir: true
      }),
      safelist: {
        standard: [],
        keyframes: [],
        deep: [],
        greedy: [],
      }
    }),
  ],
};