Can't change the styles directly in the browser unless use CDN (Ruby on Rails app)

[Azzawie]

I just created a new Ruby on Rails application and added the tailwind using the documentation (btw I'm not too familiar with tailwind yet)

I can see all the styles, and everything is working; however, when I try to change any color or font size or add another class using the browser inspection tool, it does not work unless I add it to the code and stop/start the server.

I tried adding the CDN directly to the application without the tailwind gem, and it worked.

1. Is this normal behavior, or am I missing some configurations?
2. Also, for the ROR application, which method is better, using the gem or the npm/yarn?

[wongjn]

1. Is this normal behavior, or am I missing some configurations?

This is normal behavior. Tailwind builds CSS into a file by scanning your files for Tailwind class name candidates in strings. So when you make changes in the browser inspection tool, it has no way of knowing you've made those changes.

2. Also, for the ROR application, which method is better, using the gem or the npm/yarn?

As per the official installation guide for Ruby on Rails, it is recommended to use the tailwindcss-ruby and tailwindcss-rails gems.

[Azzawie]

Thanks for the quick answer.
Is there a way we can see the changes directly in the browser without the need to restart the server?