実現したいこと
CSSを編集した際にブラウザに即反映させるようにしたい
前提
お世話になります。質問させてください。
現在rails 7にてアプリケーション開発をしております。フロントにはreactを使用しています。
cssもしくはJSファイルを編集した際に、都度railsを再起動させないとブラウザに反映されないという問題が発生しています。
かなりの手間なので編集時にブラウザのリロードのみで反映させるようにするにはどうしたらいいでしょうか?
発生している問題・エラーメッセージ
エラーは発生していません。
bin/dev
でrailsを起動しております。
CSSを編集してsaveすると以下のログが流れます。
12:59:24 js.1 | [watch] build started (change: "app/javascript/components/App.css") 12:59:24 js.1 | [watch] build finished
確かにbuildされているように見えるのですが、ブラウザには反映されません。
railsを再起動(bin/dev
)すると反映されます。
該当のソースコード
試したこと
rails7なのでwebpackerは不要だと思いつつも念の為以下手順でwebpackerを導入してみたのですが、解決には至りませんでした。
- Gemfileに
gem 'webpacker'
を記述 - bundle install
- rails webpacker:install
また、CSS・JSを編集した際にyarn build
を行っても反映されませんでした。
railsを再起動させるとやはり反映されます。
補足情報(FW/ツールのバージョンなど)
ruby: 3.1.0p0
rails: 7.0.4

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。