search

yudai-nishimura / shokenekakiuta

0 stars 0 forks source link

TailwindCSS（DaisyUI）を導入する #7

Closed yudai-nishimura closed 1 year ago

yudai-nishimura commented 1 year ago

概要

TailwindCSS（DaisyUI）を導入。

手順

  1. Gemfileに以下を記載 gem 'cssbundling-rails' gem 'jsbundling-rails'
  2. bundle install
  3. bundle exec rails css:install:tailwindでtailwindをインストール
  4. yarn add daisyuiでdaisyUIをインストール
  5. tailwind.config.jsにplugins: [require("daisyui")]を追記
  6. config/manifest.jsを以下のように変更 //= link_tree ../images //= link_tree ../builds
  7. ./bin/dev

参考

Dockerでrails7 + tailwind + daisyuiの環境構築をする 【Rails7】TailwindCSS + daisyUIを導入する Rails7 のフロントエンド関連の Gem を分類