Improve tailwindcss.com docs for Vite config

[visrut7]

Problem:

• Tailwind doesn't work out of the box with Vite after I followed the guide from tailwindcss.com website, but I was able to work around it after I came across this answer: https://stackoverflow.com/questions/77741027/how-to-use-tailwindcss-with-vite-not-react-or-something-just-vanilla-js

• So I am adding that step in the docs

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tailwindcss-com	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 19, 2025 9:50am

[henrikbjorn]

Not needed see https://vite.dev/guide/features#postcss

It already loads postcss so it seems you didn't configure postcss correctly.

[visrut7]

I followed this guide step by step: https://tailwindcss.com/docs/guides/vite

where we also install postcss in step 2, after that tailwind was not working so had to look it up and then found a solution on StackOverflow.

[henrikbjorn]

Works for me,

Sure you didn't install postcss after running init for tailwind ? In that case I think it wouldn't create the postcss.config.js file.

[visrut7]

Yeah, I believe I have done all the steps mentioned there but not worked, this has actually happened twice in my project I guess.

I also keep one log file in each of my projects, this habit of mine helps me to keep track of records for which commands I run in the CLI. You can check here: https://github.com/visrut7/express-react-mono/blob/main/log I see it generated postcss file as well but surprisingly it didn't work.

What I will do next time when create a project is make sure with postcss if it works I will close this PR.