8
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Ruby on Rails で controllerごとにcssの読み込みを行う

Last updated at Posted at 2018-10-24

#はじめに
コマンドでコントローラーを生成した際に作成されるcssは個別に読み込まれると思っていたのですが、
デフォルトではすべてのcssが読み込まれてしまいます。

オプションで切り替えられるのだろうと調べたのですが、特に見当たりませんでした。
(例えば、topコントローラーを使用するページはtop.scssのみ読み込みたい。)

そのため、コントローラーごとに対応するcssを読み込む処理を実装したので、メモしておきます。

#方法

①application.cssの//= require_treeを削除することにより、すべてのcssを読み込まれないようにします。

②読み込むcssのパスを、コントローラー名をもとに作成し、読み込みます。

application.html.erb
  <% self_css_path = "/assets/"+controller.controller_name  %>
  <%= stylesheet_link_tag self_css_path, :media => "all" %>

上記の方法で、controllerごとに対応するcssのみ読み込むことができるようになりました。

最近 Ruby on Rails を使用し始めたばかりなので、他に良い方などありましたらご教授いただきたいです。

8
7
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?