CSS
Rails
Heroku
Rails5

HerokuでRailsアプリをデプロイする時にCSSが反映されない場合の対処法

RailsアプリをHerokuでデプロイするときにCSSが反映されない場合は下記をコマンドラインで実行します。

ステップ1 

$ RAILS_ENV=production rake assets:precompile

ステップ2 

$ git add -A

ステップ3 

$ git commit -m "コミットの理由" //コミットの理由は自由に変更してください

ステップ4 

$ git push

ステップ5 

$ git push heroku

background-imageがきちんと反映されない場合

bundle exec rake assets:precompileをコマンドラインで実行するという方法もよく見かけますが、この方法だとbackground-imageがなぜか反映されません。なので、上のステップ1〜5の方法を実行してください。

さらにbackground-imageをきちんと反映させる方法として、config/environments/production.rbに下記を加えるという方法もあります。

config.assets.compile = true
config.serve_static_assets = true