haiju's 開発メモ

開発に必要な情報を自分用にメモ

Laravelでassetファイル群を読み込むには？

自分用メモ tips Laravel

Laravelではcss,js,img等の他のフレームワークでassetでまとめられている

ファイル群は、laravel_document_root/public/ 以下に配置する。

その際、Bladeの共通テンプレート(resources/views/layouts/base.blade.php)

の<head></head>に設定する際に、asset(ヘルパー関数を使う。

使い方について以下にメモしておく(Φω|

[使い方]

1. CSSファイルを読込む場合

(ex)laravel_document_root/public/css/xxx.css

<link rel="stylesheet" href="{{ asset('/css/xxx.css') }}">

2. jsファイルを読込む場合

(ex)laravel_document_root/public/js/jquery-3.x.x.min.js

<script src="{{ asset('/js/jquery-3.x.x.min.js' }}"></script>

3. imgファイルを読込む場合

(ex)laravel_document_root/public/img/logo.png'

<img src="{{ asset('/img/logo.png') }}" alt="ロゴ">

※altとsrcが逆でも可。

※ものによっては、mix(filepath)を使うとしてるサイトもあったが

　使い方についてはassetとmixが入れ替わるだけで同じ。

※意味合いは少し異なるので、後で詳しく読んでおく。

[参考サイト]