Registry / web-framework / vite-plugin-tailwind

vite-plugin-tailwind

library0.0.4jsnpmunverified

A Vite plugin that integrates Tailwind CSS with JIT (Just-In-Time) compiler enabled by default. Current version 0.0.4 is a very early alpha, released infrequently, with minimal documentation and no tests. Zero-config setup similar to WindiCSS plugin but for Tailwind. Includes a config viewer at `/_tailwind/`. Not yet production-ready; alternatives like `@tailwindcss/vite` (official) are more stable.

web-framework devops

npm install vite-plugin-tailwind

github ↗package ↗

INSTALL

IMPORT

SIG · VITE-PLUGIN-TAILWI

vite-plugin-tailwind

web-frameworkjavascriptv0.0.4

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import tailwind from 'vite-plugin-tailwind'

✗ import { tailwind } from 'vite-plugin-tailwind'

Default export only; named export does not exist.

Plugin (type)

✓ import type { Plugin } from 'vite'

No types exported from this package; use Vite's Plugin type if needed.

CommonJS require

✓ const tailwind = require('vite-plugin-tailwind');

✗ const { tailwind } = require('vite-plugin-tailwind');

Only default export, so named destructuring fails.

Minimal setup to add Tailwind CSS with JIT mode in a Vite project using this plugin.

import { defineConfig } from 'vite'; import tailwind from 'vite-plugin-tailwind'; export default defineConfig({ plugins: [ tailwind(), ], }); // Then create tailwind.config.js with purge/content paths. // Ensure tailwindcss is installed as a peer dependency.

Debug

Known issues

gotchaPlugin is in very early alpha (0.0.4), no tests, and no recent updates. Consider using official `@tailwindcss/vite` plugin instead.

fix

Replace with `@tailwindcss/vite` from Tailwind CSS or use `tailwindcss` standalone with PostCSS.

affects: >=0.0.1

deprecatedThe JIT mode is enabled by default but requires a `tailwind.config.js` with `purge` or `content` paths; omitting them may cause unexpected missing styles.

fix

Create a valid `tailwind.config.js` with `content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}']`.

affects: >=0.0.1

gotchaConfig viewer at `/_tailwind/` may not work correctly; plugin is unpolished.

fix

Avoid relying on the viewer; check Tailwind output directly.

affects: >=0.0.1

Errors

Common errors & fixes

Cannot find module 'tailwindcss'

Missing required peer dependency tailwindcss.

fix

Run `npm install tailwindcss --save-dev`.

[vite] Internal server error: The `purge`/`content` options are required for JIT mode.

No `content` or `purge` paths defined in tailwind.config.js.

fix

Add `content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}']` to tailwind.config.js.

TypeError: tailwind is not a function

Incorrect import (named instead of default).

fix

Use `import tailwind from 'vite-plugin-tailwind'` instead of `import { tailwind } ...`.

Upgrade

Version history

0.0.4latest on npm

Audit

Dependencies

tailwindcssrequiredRequired peer dependency to provide Tailwind CSS functionality.

Agent activity

12 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/axe-me/vite-plugin-tailwind ↗

packagehttps://www.npmjs.com/package/vite-plugin-tailwind ↗