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

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== 23.Rails7でtailwindcss ======
[[00.rubyonrails:index.html|Ruby on Rails トップページ]]


===== 見出し =====

rails newのときに、
<code>
rails new myapp -c tailwind
</code>
これをすると、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に

<code>
gem 'tailwindcss-rails'
</code>
を追記して、下記2行を実行。
<code>
bundle install
bundle exec rails tailwindcss:install
</code>




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






===== 見出し =====

[[00.rubyonrails:index.html|Ruby on Rails トップページ]]