脳汁portal

アメリカ在住(だった)新米エンジニアがその日学んだIT知識を書き綴るブログ

railsで対応したcontrollerのjsやcssだけ読みこむ方法

Railsではassetsディレクトリ以下にcssファイルやjsファイルを置くとそれらを全て自動で読み込んでくれますが、それを無効にしてcontrollerに対応するcssやjsファイルだけ読み込ませるように変更できます

方法

1. 全ファイルの読み込み設定を削除する
  • app/assets/stylesheets/application.css
  • app/assets/javascripts/application.js

上記のファイルの以下の記述を削除します

//= require_tree .
2. 対応するcontrollerを読み込む設定を記述する
  • app/views/layouts/application.html.erb

layoutファイルに以下のように記述を追加する

<!DOCTYPE html>
<html>
<head>
  .
  .

  <%= stylesheet_link_tag controller.controller_name , media: "all" %>
  .
  .
</head>
.
.
.
  <%= javascript_include_tag controller.controller_name %>
</body>
</html>