Rails で環境ごとに見た目を変える

1 変更したい内容を書いた css を環境ごとに用意する

app/assets/stylesheets/environment/ に↓のようなファイルを環境ごとに用意する。

production.css.scss

.navbar-default {
  background-color: #35fff5;
}

2 intializer の中で環境ごとに読み込み対象を切り替える

config/initializer/assets
environment.rb で環境ごとに切り替える。
＃もっといい書き方がありそうな・・

environment.rb

case Rails.env
  when 'development' then
    Rails.application.config.assets.precompile += %w( environment/development.css )
  when 'staging' then
    Rails.application.config.assets.precompile += %w( environment/staging.css )
  when 'production' then
    Rails.application.config.assets.precompile += %w( environment/production.css )
  else
end

3 application.html で環境ごとの css を読み込む

application.html.haml

= stylesheet_link_tag    asset_path "environment/#{Rails.env}", media: 'all', 'data-turbolinks-track' => true

Htmlのどこかにも環境名を出しておくと親切な気もする。

%a.navbar-brand{:href => "/"} Admin #{Rails.env}環境

4 できた

5 注意

application.css.scss で require_tree をしてると全環境読み込まれるので個別に css を指定しないといけない。＃view ごとの css にスタイルを書くってあまりないから問題ないような気がしています。