Skip to content

davidrunger/tailwind-pug-bug-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

tailwind-pug-bug-demo

This repo demonstrates a bug in tailwindcss v4.0.14 (and some earlier versions) where not all expected Tailwind classes are extracted from a Pug template in a Vue component.

Project Setup

(Tested with pnpm version 10.6.3.)

pnpm install --frozen-lockfile

Compile and Hot-Reload for Development

pnpm dev --force

Compile for production and launch server

pnpm build && pnpm preview

Go back to a Tailwind version that doesn't have this bug

Check out the first commit in this repo, which has tailwindcss and @tailwindcss/vite at 4.0.9:

git checkout `git rev-list --max-parents=0 HEAD | tail -n 1`

Install those older packages:

pnpm install --frozen-lockfile

Run the pnpm dev --force and/or pnpm build && pnpm preview commands mentioned above. When viewing the relevant URLs (http://localhost:5173/ and http://localhost:4173/, respectively), you should now see a black background behind the "This is a test." text.

Releases

No releases published

Packages

 
 
 

Contributors