タイトル: 個別のページにcssやjsを反映させる方法

SEOタイトル: 【Laravel】個別のページ(Bladeテンプレート)にcssやjsを反映させる方法

この記事の要点
Laravel Blade で個別ページにのみ CSS / JS を読み込ませる方法レイアウト側: 内に `@stack('css')` を埋め込むページ側: `@push('css')` ... `@endpush` で CSS/JS を積む `@yield` と違い複数箇所から push でき、共通レイアウトに干渉せずページ固有資産を追加できる

レイアウトなどのheadタグ内に以下の様な@stackを埋め込む。

<head>

@stack('css')

</head>

jsの場合は@stack('js')のようにすればいい。

名前は何でも良いので分かりやすいもので。

次は個別のページ(Bladeテンプレート)側に以下の様に先ほど定義した@stact('css')に対して、

@pushを使用して読み込ませたいcssファイルを定義する。

@push('css')

@endpush

IT総合Wiki