Using Tailwind CSS with CRA

[agneym]

For a recent project, I created a fork of React Scripts and fetches from a tailwind css template pushed to npm.

It can be used with:

npm init react-app folder-name --scripts-version=@agney/rs-tailwind --template=tailwind

Requires @next for now, since some fixes for template are not on major release
With the release of 3.3.0, this is now directly supported.

I was wondering if the repositories could be moved here for better maintanence and visiblity.

[kaisheng1]

Hi, this is a really helpful template so far I can find. However, can you share how you build this template, cause I'm wondering if I can do the same thing.

[kaisheng1]

Found a brilliant template here: https://github.com/GeoffSelby/cra-template-tailwindcss. Check this repo if you would. I still want to know how you built your own template though.

[agneym]

@kaisheng1 The template you linked to uses a package named craco to customise the CRA from the outside.
Mine uses a custom package that is self made: create-react-app-tailwind that is forked from create-react-app which is customised to include tailwind and postcss.

Auth0 has a nice tutorial on how to customise one on your own.

[kaisheng1]

Yeah, I was just wandering around and find the best way to do stuff. Would be really cool to make my own custom package, if it's necessary.