Railsでjavascriptの読み込み方

基本、RailsでJavaScriptファイルを読み込ませたいときは、railsプロジェクトのフォルダの配下にある対象のjsファイルを置くことで、自動で読み込みます。

app/assets/javascript/



特定のページのみ読み組む場合無効にするためには、app/assets/javascript/ の配下にあるapplication.jsを編集し、その中に記載してある

//= require_tree .


を削除します。

production環境で特定のjsファイルのみを読み込む場合、Asset Pipelineでの自動読み込みを無効にした場合は、手動でのプリコンパイルが必要で、config/initializers/配下にある assets.rbを編集します。
↓を書くことでプリコンパイル対象を指定可能です。

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


アプリを再起動することで、指定した.js拡張子のファイルがプリコンパイルされます。


また、個別ページで特定のjsファイルを読み込むためにはjavascriptincludetagを使用し、対象のviewファイルのheadなどに、

<%= javascript_include_tag "hoge_fuga.js" %>


↑のように記述することで、任意のファイルを読み込むことが可能になります。