【Rails】Javascript / cssが読み込まれる仕組みを知ろう【Webpacker&Sprocket】

[Stylesheetのバンドル]

・Stylesheetのファイルが/app / assets / stylesheets配下
ファイルはSprocketによりバンドルされる。
読み込みは、「stylesheet_link_tag ‘ファイル名’」

・Stylesheetのファイルが/app / assets / javascripts / packs配下
ファイルはWebpackerによりバンドルされる。
読み込みは、「stylesheet_pack_tag ‘ファイル名’」

[Javascriptのバンドル]

・Javascriptのファイルが/app / assets / javascript配下
ファイルはSprocketによりバンドルされる。
読み込みは、「javascript_include_tag ‘ファイル名’」

・javascriptのファイルが/app / assets / javascripts / packs配下
ファイルはWebpackerによりバンドルされる。
読み込みは、「javascript_pack_tag ‘ファイル名’」