LaravelでCSSを反映させたい
publicの中に入れるんだったような、、、
知りたいこと
- CSSファイルの設置場所
- Bladeでの読み込み方法
CSSファイルの設置場所
- publicフォルダの中に設置する
- publicディレクトリの中にcssフォルダを作ってそこにcssファイルを入れました
src/public/css/style.css
publicディレクトリはLaravelのプロジェクトディレクトリの直下にあります。
appとかconfigとかdatabaseとかのディレクトリと同列の階層にありますね。
CSSの読み込み方法
headタグの中にlinkタグを以下のように埋め込みました。
<head>
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
</head>asset関数を使って読み込むと、publicディレクトリより下のパスを返してれるみたいです。
学んだこと
- LaravelでCSSを読み込み表示する方法
- publicディレクトリには他にもJavaScriptやimgファイルなどのファイルを入れられるみたいです 👀
参考
【Laravel】CSSファイルの設置場所と読み込み方！publicとresourceの違い
LaravelでのCSSファイルの設置場所はpublicです。resourceにもありますが役割が違います。読み込み方と効かない時の解決法をまとめました。
appdev-room.com
コメント