Discussion on: A nextjs template with typescript, tailwindcss and storybook support 🏗

View post

Vikrant Bhat • Jan 18 '21

Hey! This is a great template!
How did you purge css for this?

Raphael MANSUY • Jan 18 '21

Hi Vikrant.

I use PostCSS.

This is defined in the file tailwind.config.js. CSS is purged only for production.

const purgeEnabled = process.env.NODE_ENV === "production"

console.log("\n")
console.log(`   TailwindCSS \n`)
console.log(`   ----------- \n`)
console.log(`   ✅ purgeEnabled=${purgeEnabled}\n`)

module.exports = {
  purge: {
    enabled: purgeEnabled,
    content: ["./src/**/*.html", "./src/**/*.tsx", "./src/**/*.jsx"]
  },
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {}
  },
  variants: {
    extend: {}
  },
  plugins: []
}