サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.rubyonrails:23.rails7でtailwindcss


23.Rails7でtailwindcss

見出し

rails newのときに、

rails new myapp -c tailwind

これをすると、Javascriptまわりは、importmap-rails が導入される。
自動的にjsbundling-rails(+esbuild or webpack)を使用することになる(importmap-railsは使用しない)。そのため、開発環境でサーバを起動するときは、rails sではなく、

bin/dev
となる。(importmap-rails の場合は、rails sでサーバ起動。)

https://zenn.dev/yoiyoicho/articles/410a7e3fd892b5
【Rails7】TailwindCSS + daisyUIを導入する
yoshino
2022/07/12

rails new 済みの状態からであれば、
Gemfileに

gem 'tailwindcss-rails'

を追記して、下記2行を実行。

bundle install
bundle exec rails tailwindcss:install

https://qiita.com/345dvl/items/4bafb05964281079033e
@345dvl
更新日 2022年04月05日
Rails 7でTailwind CSSを使ってみた
→docker-compose.ymlでRailsアプリのコンテナにtty: trueオプションを追加?

見出し


00.rubyonrails/23.rails7でtailwindcss.txt · 最終更新: 2022/09/06 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki