Yesterday, @davidteren asked what is the easiest way to setup TailwindCSS with Rails 8 and having hot reload.
This is how I believe it is to do so in a few minutes.
First thing is to add the tailwindcss-rails gem to the project and to run the installer to create the Tailwind config files:
And now you can run bin/rails tailwindcss:watch to rebuild the CSS files on file changes.
If you use CSS classes in a directory not watched by default, you can add that to config/tailwind.config.js under the content key:
And to make your workflow even smoother, you can use Foreman to manage all the necessary processes for you. To set that up is also pretty simple. Create a bin/dev file with the following content:
Then create a file, named Procfile in the root of your project with the following content:
After this, running bin/dev in your terminal will start the Rails server and the Tailwind watcher process.
That's it. It shouldn't take more than a few minutes to set this all up.
If you want to read this in a blog format and copy+paste the code snippets, here is a link to an article:
greg.molnar.io/blog/tailwindc…
This is how I believe it is to do so in a few minutes.
First thing is to add the tailwindcss-rails gem to the project and to run the installer to create the Tailwind config files:
And now you can run bin/rails tailwindcss:watch to rebuild the CSS files on file changes.
If you use CSS classes in a directory not watched by default, you can add that to config/tailwind.config.js under the content key:
And to make your workflow even smoother, you can use Foreman to manage all the necessary processes for you. To set that up is also pretty simple. Create a bin/dev file with the following content:
Then create a file, named Procfile in the root of your project with the following content:
After this, running bin/dev in your terminal will start the Rails server and the Tailwind watcher process.
That's it. It shouldn't take more than a few minutes to set this all up.
If you want to read this in a blog format and copy+paste the code snippets, here is a link to an article:
greg.molnar.io/blog/tailwindc…
• • •
Missing some Tweet in this thread? You can try to
force a refresh
