postcss.config.js

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

const plugins = [
                  autoprefixer,
                  tailwindcss('./tailwind.config.js'),
                  cssnano({ preset: 'default', }),
                ]

if (process.env.NODE_ENV === 'production') {
  plugins.push(
    purgecss({
      content: ['./dist/**/*.html'],
      extractors: [
        {
          extractor: class TailwindExtractor {
            static extract(content) {
              return content.match(/[A-Za-z0-9-_:\/]+/g) || []
            }
          },
          extensions: ['css', 'html', 'vue'],
        },
      ]
    })
  )
}

module.exports = {
  plugins
}