Consensus on how to use tailwind with create-react-app?

[acomito]

I'm just getting around to trying tailwind. I have a CRA application. I see several articles on the subject, but I'm not sure if there is a current consensus?

Some articles I've found:

• https://medium.com/@xijo/create-react-app-with-tailwind-via-postcss-plus-purgecss-5c36b4c33ba7
• https://blog.logrocket.com/create-react-app-and-tailwindcss/
• https://mikefrancis.dev/blog/create-react-app-tailwind-css?source=post_page-----631d9e33ba8c----------------------

[taylorbryant]

I've had a good experience using craco: https://github.com/sharegate/craco/tree/master/recipes/extends-post-css-plugins.

[pedroalmeida415]

I've been trying to use tailwind on my CRA project for the last 6 hours and still couldn't figure out a way to get it working properly using postCSS + tailwind + purgeCSS (which is needed if you dont want useless, heavy styles on your production version). Would be really good to have a ready-to-go template that works out of the box

[pedroalmeida415]

Ok, literally 5 minutes after i posted the past comment i found a template for CRA that used Tailwind in the P-E-R-F-E-C-T way i wanted, so i'll leave it here just in case that someone who is struggling to get it going - like me - can run the command and go straight into coding!

Link: https://www.npmjs.com/package/cra-template-tailwindcss OR just throw this command on your terminal: npx create-react-app --template tailwindcss