diff --git a/README.md b/README.md index a6857a4..889a4cb 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ pairing with smart people at Hashrocket. For a steady stream of TILs, [sign up for my newsletter](https://crafty-builder-6996.ck.page/e169c61186). -_1560 TILs and counting..._ +_1561 TILs and counting..._ See some of the other learning resources I work on: - [Ruby Operator Lookup](https://www.visualmode.dev/ruby-operators) @@ -1037,6 +1037,7 @@ See some of the other learning resources I work on: - [Query A Single Value From The Database](rails/query-a-single-value-from-the-database.md) - [Read In Environment-Specific Config Values](rails/read-in-environment-specific-config-values.md) - [Read-Only Models](rails/read-only-models.md) +- [Rebuild Tailwind Bundle For Dev Server](rails/rebuild-tailwind-bundle-for-dev-server.md) - [Remove A Database Column From A Table](rails/remove-a-database-column-from-a-table.md) - [Remove The Default Value On A Column](rails/remove-the-default-value-on-a-column.md) - [Render An Alternative ActionMailer Template](rails/render-an-alternative-action-mailer-template.md) diff --git a/rails/rebuild-tailwind-bundle-for-dev-server.md b/rails/rebuild-tailwind-bundle-for-dev-server.md new file mode 100644 index 0000000..2a88f78 --- /dev/null +++ b/rails/rebuild-tailwind-bundle-for-dev-server.md @@ -0,0 +1,29 @@ +# Rebuild Tailwind Bundle For Dev Server + +If you're using the TailwindCSS gem in your Rails app: + +```ruby +# 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. + +```ruby +# 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](https://github.com/rails/tailwindcss-rails?tab=readme-ov-file#puma-plugin)