vite-plugin-tailwindcss-cleaner Tailwind Templates

Vite Plugin Tailwindcss Cleaner

Dead CSS elimination for Tailwind CSS v4

vite-plugin-tailwindcss-cleaner

[Not yet] Deprecated

This feature has been added to the official vite plugin in Tailwind CSS v4.0.5 but removed in v4.0.6.

Why?

Tailwind v4 as been released but the official tailwind vite plugin does not (yet) eliminate dead css.

What does it do?

  • Remove unused custom properties in cascade
  • Remove unused keyframes
  • Print basic logs

How to install?

npm i vite-plugin-tailwindcss-cleaner

How to use?

import { defineConfig } from "vite"
import tailwindcss from "@tailwindcss/vite"
import tailwindcssCleaner from "vite-plugin-tailwindcss-cleaner"

export default defineConfig({
    plugins: [
        tailwindcss(),
        tailwindcssCleaner()
    ]
})

Is it worth it?

No plugin With plugin
CSS output 17.3kb 4.04kb

image

Top categories

Loading Svelte Themes