Skip to main content

Tailwind CSS

Purge​

# npm
npm install @fullhuman/postcss-purgecss -D

postcss.config.js

module.exports = () => ({
  plugins: [
    require('@fullhuman/postcss-purgecss')({
      content: [
        './**/*.html',
        './**/*.pug',
        './**/*.jsx',
        // etc
      ],
      defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
    })
  ]
})

Scenario​

No utility classes​

Tailwind CSS warning: No utility classes were detected in your source files

In case of running new projecj did not use any classname.

Unknown at rule @tailwind​

Install Tailwind CSS IntelliSense in VScode.

Settings > Workspace > files.associations

{
  "files.associations": {
    "*.css": "tailwindcss"
  }
}