This may have been true at one time, but having them in Chris' order is fine:
Actually, after further testing I'm certain reinstalling Webpacker fixed it. (The config file had nothing to do with getting TailwindCSS working.)
To get this working on an existing app running Rails 6, I had to:
1) Create a
tailwind.config.js file using
yarn tailwindcss init and move it from the root to
The official TailwindCSS documentation says this file is optional, but I couldn't get any default browser styles to change until I did this.
If you want the full TailwindCSS default theme, use
yarn tailwindcss init --full. You can strip unused extras out on your production server with Purge-CSS later if you want.
2) Reinstall Webpacker. When I ran
bin/webpack I got this error: "bin/webpack: No such file or directory".
bundle exec rake webpacker:install fixed it.
Config: Ruby 2.6.5 + Rails 6.0.3 + TailwindCSS 1.4.6