本番環境のアプリにCSSが適用されません！

Question

###前提・実現したいこと
RailsアプリをAWSにデプロイしてCSSを適用したいです。

###発生している問題・エラーメッセージ
本番環境でCSSが適用されません。
http://52.193.137.191/

###該当のソースコード
environments/development.rb

Rails.application.configure do
  config.cache_classes = false
  config.eager_load = false
  config.consider_all_requests_local = true
  if Rails.root.join('tmp/caching-dev.txt').exist?
    config.action_controller.perform_caching = true

    config.cache_store = :memory_store
    config.public_file_server.headers = {
      'Cache-Control' => "public, max-age=#{2.days.seconds.to_i}"
    }
  else
    config.action_controller.perform_caching = false

    config.cache_store = :null_store
  end
  config.action_mailer.raise_delivery_errors = false
  config.action_mailer.perform_caching = false
  config.active_support.deprecation = :log
  config.active_record.migration_error = :page_load
  config.assets.debug = true
  config.assets.quiet = true
end

environments/production.rb

Rails.application.configure do
  config.cache_classes = true
  config.eager_load = true
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true
  config.read_encrypted_secrets = true
  config.public_file_server.enabled = true
  config.assets.js_compressor = :uglifier
  config.assets.css_compressor = :scss
  config.assets.compile = true
  config.assets.enabled = true
  config.log_level = :debug
  config.log_tags = [ :request_id ]
  config.action_mailer.perform_caching = false
  config.i18n.fallbacks = true
  config.active_support.deprecation = :notify
  config.log_formatter = ::Logger::Formatter.new
  if ENV["RAILS_LOG_TO_STDOUT"].present?
    logger           = ActiveSupport::Logger.new(STDOUT)
    logger.formatter = config.log_formatter
    config.logger    = ActiveSupport::TaggedLogging.new(logger)
  end
  config.active_record.dump_schema_after_migration = false
end

###試したこと

bundle exec rake tmp:pids:clear
bundle exec rake tmp:sessions:clear
bundle exec rake tmp:sockets:clear
bundle exec rake tmp:cache:clear

ローカルでproductionでサーバを起動するとCSSは反映されています。

ご経験ある方、ご助言お願いします！

Answer 1

bundle exec rake assets:precompile

はためしましたか？

production環境ではpublic配下の静的なリソースを取得します。
precompileするとcssができるのでそれもデプロイしてあげてください

Comments

[s.k]

できました！ありがとうございます！
開発環境でcompileするんですね！
勉強になりました！

[MasakazuFukami]

あ、すいません開発環境でcompileするというと若干ニュアンスが違うかもしれないです（笑）

とりあえず本番環境でcompileしても開発環境でもcompileしてもどっちでもいいと思います！
おそらく開発者やサーバの環境や静的リソースをどこに配置するかにもよると思うので！

とりあえず理解していただきたいのは、development環境でcssを読み込む際、railsは
```
public配下にcssあるかな？
ないな
assets配下にあるかな？
あ、scssがある
scssのままじゃブラウザはcssとして認識してくれないなぁ
じゃあrails側でscssをcssに変換してあげよっと！
よしcssできた！
じゃあブラウザさんどうぞ！
```

みたいなことをやってくれているんです。
もちろん本番環境でも同じようなことが出来るのですが、本番環境でサーバのリソース（CPUとかメモリとか）をcssを作成することに割きたくないわけです。
データベースから情報取ってきたり、取った来た情報を元にhtmlを作ったりとか忙しいんです！
じゃあ、そんなrailsさんのために本番環境ではscssをcssにするみたいなことをさせないために、precompileして静的なcssを作成してあげるわけです！

これは.coffeeなどに関しても同じです！

他のフレームワークでも同じなので覚えておくといいかもしれないです！(๑•̀ㅂ•́)و✧

[s.k]

すみません！お返事遅れました！
なるほどです。
scssの仕組みを意識したことがなかったのですが、今回このエラーに遭遇してよかったです！！
非常にわかりやすいご説明ありがとうございます！

[s.k]

どこかで見たことあるアイコンだと思っていましたが、おそらくFukamiさんのQiitaの記事を拝見したことがあります。あの時も明快でわかりやすい記事でした！

[MasakazuFukami]

s.kさん
そう言っていただけて非常に嬉しいです(´；ω；｀)
励みになりました！！！

また何かあればteratailで質問されてくださいー！

[s.k]

ありがとうございます！