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

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

ユーザ用ツール

サイト用ツール


00.rubyonrails:23.rails7でtailwindcss


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

次のリビジョン
前のリビジョン
00.rubyonrails:23.rails7でtailwindcss [2022/09/03] – 作成 adash33300.rubyonrails:23.rails7でtailwindcss [2022/09/06] (現在) – [見出し] adash333
行 4: 行 4:
  
 ===== 見出し ===== ===== 見出し =====
 +
 +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 https://zenn.dev/yoiyoicho/articles/410a7e3fd892b5
行 13: 行 24:
 Gemfileに Gemfileに
  
-Gemfile+<code>
 gem 'tailwindcss-rails' gem 'tailwindcss-rails'
 +</code>
 を追記して、下記2行を実行。 を追記して、下記2行を実行。
 +<code>
 +bundle install
 +bundle exec rails tailwindcss:install
 +</code>
 +
 +
  
-$ 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.1662197522.txt.gz · 最終更新: 2022/09/03 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki