Install Flowbite on Rails 8
1
rails new blog -c tailwind -j bun
1
2
mkdir app/assets/tailwind
mv app/assets/stylesheets/application.tailwind.css app/assets/tailwind/application.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
"name": "app",
"private": true,
"scripts": {
"build": "bun bun.config.js",
-- "build:css": "bunx @tailwindcss/cli -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify"
++. "build:css": "bunx @tailwindcss/cli -i ./app/assets/tailwind/application.css -o ./app/assets/builds/application.css --minify"
},
"dependencies": {
"@hotwired/stimulus": "^3.2.2",
"@hotwired/turbo-rails": "^8.0.13",
"@tailwindcss/cli": "^4.1.3",
"tailwindcss": "^4.1.3"
}
}
1
2
3
4
5
@import "../../../node_modules/flowbite/src/themes/default";
@plugin "../../../node_modules/flowbite/plugin";
@source "../../../node_modules/flowbite";
1
import "../../node_modules/flowbite/dist/flowbite"
This post is licensed under CC BY 4.0 by the author.