songtianlun
cafe820a64
- Add tailwindcss-rails gem to Gemfile - Create application.tailwind.css for Tailwind styles - Update Procfile.dev for Tailwind CSS watch command - Add demo action and view for showcasing features - Update application layout to use Tailwind CSS classes - Refactor footer and header for improved styling This commit introduces Tailwind CSS for styling the application, enhancing the UI with utility-first CSS. A new demo page is also added to showcase the application features.
33 lines
1.1 KiB
JSON
33 lines
1.1 KiB
JSON
{
|
|
"name": "app",
|
|
"private": "true",
|
|
"dependencies": {
|
|
"@hotwired/stimulus": "^3.2.2",
|
|
"@hotwired/turbo-rails": "^8.0.12",
|
|
"@popperjs/core": "^2.11.8",
|
|
"autoprefixer": "^10.4.20",
|
|
"bootstrap": "3",
|
|
"bootstrap-icons": "^1.11.3",
|
|
"flowbite": "^2.5.2",
|
|
"jquery": "^3.7.1",
|
|
"nodemon": "^3.1.9",
|
|
"postcss": "^8.4.49",
|
|
"postcss-cli": "^11.0.0",
|
|
"sass": "^1.83.0"
|
|
},
|
|
"scripts": {
|
|
"build:css:compile": "sass ./app/assets/stylesheets/application.bootstrap.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules",
|
|
"build:css:prefix": "postcss ./app/assets/builds/application.css --use=autoprefixer --output=./app/assets/builds/application.css",
|
|
"build:css": "yarn build:css:compile && yarn build:css:prefix",
|
|
"watch:css": "nodemon --watch ./app/assets/stylesheets/ --ext scss --exec \"yarn build:css\"",
|
|
"build": "esbuild app/javascript/*.* --bundle --sourcemap --format=esm --outdir=app/assets/builds --public-path=/assets"
|
|
},
|
|
"browserslist": [
|
|
"defaults"
|
|
],
|
|
"devDependencies": {
|
|
"@tailwindcss/typography": "^0.5.16",
|
|
"esbuild": "^0.24.2"
|
|
}
|
|
}
|