初心者プログラマのひとり勉強部屋

若葉マークのプログラマー☺️

【Laravel入門】sassの使用と背景画像ファイルの表示

こんにちは。

Laravelアプリを作成中ですが、Laravelは環境設定が簡単ですが初心者にはちょっと難しいイメージです😢
sassの使用と背景画像ファイルの指定について自分のために備忘録しておきます。

・laravel 7.16.1
PHP 7.3.17

                              • -

①アセットコンパイル
②背景画像

                              • -

①アセットコンパイル
ガイド
アセットのコンパイル(Mix) 7.x Laravel
通りです。

LaravelMixのインストール
$npm install

準備はこれだけですが、viewに変更を加えるとコンパイルしないといけません、、
$npm run dev
手間なので
$npm run watch
で変更を自動で反映してもらいます。
(この時いちいち通知が出てきて邪魔だし反応遅いです😢通知は消せるようですが)


②背景画像
こちら参考にさせていただきました
背景画像が表示されない - Qiita

CSS

background-image:url(".../images/aaa.jpg");

としていましたが、
public/imagesにコピーして勝手にurlの中身を書き換えてしまうようです。
結局

background-image:url("/images/aaa.jpg");

で動きました。


よく見たらガイドにも書いてありますね、、
参考サイト様ありがとうございます☺️


laravel7はbootstrapを別途導入しないといけなかったり、今は不便さしか感じませんが
何か良い改良点があるのでしょうか?


laravel歴初心者なので何かございましたらご指摘いただけると嬉しいです🙇‍♀️