【復習】RubyでのJavaScriptファイルの読み込み方
・ブラウザに出力されるHTMLファイルを生成する時、「layoutファイル+個別ファイル(テンプレートファイル)」の2つのファイル を足し合わせてHTMLを生成する
・Sprocketsを使用する場合、CSSを読み込むにはstylesheet_link_tag、JSファイルの読み込みはjavascript_include_tagというヘルパーメソッドを使用し、第一引数に読み込みたいアセットファイルを指定する
stylesheet_link_tag 'application' javascript_include_tag 'application'
・Webpackerを使用する場合、CSSを読み込むにはstylesheet_pack_tag、JSファイルの読み込みはjavascript_pack_tagというヘルパーメソッドを使用し、第一引数に読み込みたいアセットファイルを指定する
stylesheet_pack_tag 'application' javascript_pack_tag 'application'
・デフォルトで指定されているapplication.css、application.jsはマニュフェストファイルと呼ばれ、どのファイルをどのように連結して出力するかをまとめるファイルである
・マニュフェストファイルに含むファイルの指定には、ディレクティブと呼ばれる記法で指定する必要がある。以下CSSとJSのディレクティブ
# JavaScriptのディレクティブ //= require ファイル名 # 指定したJavaScriptファイルの内容を取り込む //= require_tree # 指定したディレクトリは以下の全ファイルを読み込む //= require_self # 地震のファイルを読み込む CSSのディレクティブ //*= require ファイル名 # 指定したJavaScriptファイルの内容を取り込む Sassでディレクティブ(CSSの//*= も使えるっぽい?) @import "ファイル名";
・image_tagを含んだlink_toヘルパーの書き方
link_to image_tag("/assets/imageにある画像のファイル名"), パス名
以下の書き方でも同じ挙動
link_to パス名 do image_tag "画像のファイル名" end