postcss.config.js

const tailwindcss = require('tailwindcss')
const purgecss = require('@fullhuman/postcss-purgecss');
const cssnano = require('cssnano');
const autoprefixer = require('autoprefixer');

class TailwindExtractor {
  static extract(content) {
    return content.match(/[A-z0-9-:\/]+/g) || [];
  }
}

module.exports = {
  plugins: [
    tailwindcss('./tailwind.js'),
    autoprefixer({
      browsers: ['last 2 versions', '> 2%']
    }),
    cssnano({
      preset: 'default',
    }),
    purgecss({
      content: ['./src/**/*.tsx'],
      whitelist: ['open', 'main-nav', 'mobile-nav', 'active'],
      extractors: [
        {
          extractor: TailwindExtractor,
          extensions: ["tsx"]
        }
      ]
    })
  ]
}