【Rails】CSSやJavaScriptを読み込む小さなメモ

デフォルトのマニフェストファイル(application.css,application.js)にある記載

●CSS

*= require_tree .　★全てのアセットを読み込む
*= require_self　★自身も読み込む

●js

//= require rails-ujs　★Railsが提供するJavaScriptヘルパ
//= require turbolinks　★Ajax化する仕組み
//= require_tree .★全てのアセットを読み込む

上記だと、 require_tree によってapp/assets/[js or css]/下の全てのファイルが読み込まれてしまうため、treeの記載を削除し、個別に定義する定義ファイル( config/initializers/assets.rb )に読み込むアセットを指定する(↓は test.js test.css の場合。scssにするならscssで指定)

Rails.application.config.assets.precompile += %w(test.js test.css)

ビューで以下を定義

    <%= stylesheet_link_tag    'test' %>
    <%= javascript_include_tag 'test' %>