Optimiza tu archivo: PurgeCSS y NanoCSS

Purge CSS & Nano CSS

Este es el contenido del archivo de configuración postcss.config.jscompleto. Es Importante agregar la línea de: defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [] Para el correcto funcionamiento de Pseudo-classes.

const purgecss = require('@fullhuman/postcss-purgecss')
module.exports = {
 plugins: [
 require('tailwindcss'),
 require('autoprefixer'),
 purgecss({
 content: [
 './**/*.html',
 //Para agregar soporte para otro tipo de archivos.
 // './**/*.js',
 // './**/*.vue'
 ],
 //IMPORTANTE: Para soportar pseudo-clases
 defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
 }),
 require('cssnano')({
 preset: 'default',
 })
 ]
}