43 回閲覧されました

みなさんこんにちは、jonioです。

CSSやjsを読み込む時にheadタグの中に記載しますが色んなページで共通のレイアウトを使うはずです。

共通のレイアウトを使うので複数のCSSやjsの読み込みを書くとシステムの規模が大きくなると必要がないCSSやjsを読み込んでページの表示に影響が出るかもしれません。

今回はページごとにCSSやjsの読み込みを切り替える方法のメモになります。

おすすめ参考書

基礎力を上げるのに一番おすすめです。

記述方法

共通のレイアウトのテンプレートのheadタグに下記の記述をします。

@if (url()->current() == route('sample-root1'))
    //読み込ませたいCSSやjs
@elseif (url()->current() == route('sample-root2'))
    //読み込ませたいCSSやjs
@endif

sample-root1やsample-root2はweb.phpに記述されています。

Route::get('/chart', 'chart')->name('sample-root1');

これでCSSやjsの表示の切り替えができます。