Tailwind CSS
Add Tailwind to your Rails app
Used 866 times
B
Benjamin Darcet
Usage
Run this command in your Rails app directory in the terminal:
rails app:template LOCATION="https://railsbytes.com/script/z5OsqV"Template Source
Review the code before running this template on your machine.
run "yarn add tailwindcss"
run "mkdir app/javascript/css"
run "touch app/javascript/css/application.scss"
inject_into_file 'app/javascript/css/application.scss' do <<~EOF
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
EOF
end
inject_into_file 'app/javascript/packs/application.js' do <<~EOF
require("css/application.scss")
EOF
end
inject_into_file 'postcss.config.js', before: "require('postcss-import')" do <<~EOF
require('tailwindcss'),
require('autoprefixer'),
EOF
end
inject_into_file 'app/views/layouts/application.html.erb', before: '</head>' do <<~EOF
<%= stylesheet_pack_tag 'stylesheets', media: 'all', 'data-turbolinks-track': 'reload' %>
EOF
end