til/rails/rebuild-tailwind-bundle-for-dev-server.md

Rebuild Tailwind Bundle For Dev Server

If you're using the TailwindCSS gem in your Rails app:

# Use Tailwind CSS [https://github.com/rails/tailwindcss-rails]
gem "tailwindcss-rails"

you may find that as you add and adjust styles in your views, refreshing the page doesn't take any styling effects. That is because the tailwind bundle gets built with just the style rules that were used at the time it was generated.

In development, as we're working, we expect the styles used by our app to actively changed. And we don't mind a little performance hit to have the bundle rebuilt. In that case, we can instruct puma to Live Rebuild in development with the tailwindcss plugin.

# config/puma.rb

# Enable TailwindCSS rebuild in development
plugin :tailwindcss if ENV.fetch("RAILS_ENV", "development") == "development"

This has rails server run a watch process in the background that live rebuilds the bundle.

source