postcss.config.js

// eslint-disable-next-line no-undef
const IN_PRODUCTION = process.env.NODE_ENV === "production";

// eslint-disable-next-line no-undef
module.exports = {
    plugins: [
        IN_PRODUCTION &&
        // eslint-disable-next-line no-undef
        require("@fullhuman/postcss-purgecss")({
            content: [`./public/**/*.html`, `./src/**/*.vue`],
            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-.*/,
            ],
        }),
    ],
};