【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 ‘ファイル名’」

本記事は新サイトにお引越しいたしました!
Nuxt.jsによりページの動作がスムーズになりまたので、ぜひご確認ください!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です