postcss.config.js

const isProduction = (process.env.NODE_ENV === 'production');

module.exports = {
    "plugins": isProduction
        ? [
            "postcss-flexbugs-fixes",
            [
                "postcss-preset-env",
                {
                    "autoprefixer": {
                        "flexbox": "no-2009"
                    },
                    "stage": 3,
                    "features": {
                        "custom-properties": false
                    }
                }
            ],
            [
                '@fullhuman/postcss-purgecss',
                {
                    content: [
                        './src/pages/**/*.{data,jsx,ts,tsx}',
                        './src/components/**/*.{data,jsx,ts,tsx}'
                    ],
                    defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
                    safelist: {
                        standard: ["html", "body"],
                        greedy: [
                            /bg-(primary|secondary|success|info|warning|danger|light|dark)$/,
                            /btn-(primary|secondary|success|info|warning|danger|light|dark)$/,
                            /text-(primary|secondary|success|info|warning|danger|light|dark|white)$/,
                            /badge$/,
                            /badge-.*$/,
                            /card-.*$/,
                            /h[123456]$/,
                            /ml-2$/,
                            /mr-2$/,
                            /tooltip/
                        ]
                    }
                }
            ],
        ] : [
            // No transformations in development
        ]
}