webpack-dev-server to automatically reload our JS and CSS after save.
webpacker (and webpack) are often changing, so if you run into issues, take a look at the webpacker issues on github.
We're using Stimulus for several pieces of functionality:
We also override data-confirm to use TailwindCSS modals with the default Rails UJS functionality.
Jumpstart Pro uses TailwindCSS as the CSS framework. We've included a nice default theme and helpers to make using TailwindCSS as easy as Bootstrap. Check out the Frontend section of the docs for more information on how to use the comopnents we have created for you.
Tailwind is processed using PostCSS. The Tailwind config is located
The components are located in
We have included PurgeCSS with TailwindCSS by default to automatically remove unused CSS when deploying to production. This greatly reduces the size of TailwindCSS in production to deliver a much faster experience in production.
PurgeCSS works by searching folders for exact matches of any CSS classes in your app. By default, we have configured PurgeCSS to look for CSS classes used in
app/helpers/**/*.rb. Any CSS classes referenced in these files will automatically be kept for production.
To add more search paths to PurgeCSS, add them to