vite-plugin-tailwindcss-prefix

vite-plugin-tailwindcss-prefix is a Vite plugin that helps you to get the prefix in runtime for tailwindcss@4.

Install

pnpm add -D vite-plugin-tailwindcss-prefix

Setup

// vite.config.ts
import { defineConfig } from "vite"
import tailwindcssPrefix from "vite-plugin-tailwindcss-prefix"

export default defineConfig({
  // it also supports resolve alias
  plugins: [tailwindcssPrefix({ entry: "entry-css-filepath" })],
})

// tsconfig.json
{
  "compilerOptions": {
    "types": ["vite-plugin-tailwindcss-prefix/client"]
  }
}

Usage

import tailwindcssPrefix from "virtual:tailwindcss-prefix"

Options

export interface Options {
  entry: string
}

License

MIT