🌊

【Laravel】CSS・Javascript・画像を使用する

2021/07/03に公開

概要

フレームワークで使用するテンプレートBladeから呼び出すのは通常のHTMLとは少々異なる

asset関数

公式

https://readouble.com/laravel/8.x/ja/helpers.html?header=asset()

基本事項

LaravelでcssやJavaScriptや画像を使用するのに使うヘルパ関数(ネイティブPHPとは別のフレームワークより提供されている関数)
開発環境ではHTTP通信になるが、本番環境ではHTTPS通信が基本になるので、secure_asset()関数を使う

各コードの記述方法

<!-- css -->
<link rel="stylesheet" href="{{ asset('/css/sample.css') }}">
<!-- js -->
<script src="{{ asset('/js/sample.js') }}"></script>
<!-- img -->
<img alt="ロゴ" src="{{ asset('/img/sample.png') }}"><img alt="ロゴ" src="{{ asset('/img/sample.png') }}">

Discussion