Rails를 통해 각 환경의 모양 변경

3360 단어 Rails

1 환경마다 변경하고 싶은 내용을 적는 css 준비


app/assets/stylesheets/environment/에서 환경별로 ↓ 같은 파일을 준비합니다.
production.css.scss
.navbar-default {
  background-color: #35fff5;
}

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.환경별 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}環境

네 개를 완성했습니다.




5 주의


application.css.scss에서 Requiretree를 하고 있으면 모든 환경에서 css를 개별적으로 지정해야 하기 때문입니다모든view의 css에 스타일을 쓰는 데 문제가 없습니다.

좋은 웹페이지 즐겨찾기