const purgecss = require('@fullhuman/postcss-purgecss')
const IN_PRODUCTION = process.env.NODE_ENV === "production";

module.exports = {
  plugins: [IN_PRODUCTION && purgecss({
    content: [`./public/**/*.html`, `./src/**/*.vue`],
    fontFace: false,
    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-.*/, /^el-/, /^class/, /^is-/
    ],
  }),require('autoprefixer')(),require('tailwindcss')()]
}