Setup TailwindCSS, postcss and esbuild on Rails 7

1

Tailwind CSS

#Developer Tools #Design Tools #Website Design 868 social mentions

2

PostCSS

As we write more features we would need to organize our css files, write additional styles or wrap any tailwind components up using tailwinds @apply helper. Currently, we can’t import other css files into the main application.tailwind.css file because our node-powered TailwindCSS is provided by cssbundling-rails, which by default doesn’t allow it. Luckily we can fix it, thanks to postcss.

#Developer Tools #Design Tools #CSS Framework 39 social mentions

3

esbuild

Now, it’s time to write a costume configuration for esbuild. It will replace the default one which ships with jsbundling-rails gem. But, do we need to do so for rsbuild?! You might ask. The answer ‘sometimes’ is yes.

#JS Build Tools #Web Application Bundler #Project Management 120 social mentions