Laravelでapp.cssが反映しない場合の解決法

Laravel

bootstrapを使った開発をしていて、
少しcss編集したいなぁと思いコンパイルテスト用に app.scss に追加cssを記述してみました。

コンパイル→確認 してもcssが全然反映されてない??という事が起こりました。

解決法

bladeでcssファイルを呼び出す時の記述を

{{ mix('css/app.css') }}

と書き直したらあっという間に解決しました。
(もともとはassetで呼び出していた)

確認した点

・コンパイルは正常に終了している

・publicのapp.cssファイルにも出力されている。

・キャッシュクリア

php artisan view:clear

でも変化なし。

おかしいなーと思い、開発ツールからソースを確認したら
追記した部分はまるっと出力されていませんでした。

それでそもそもの記述がおかしいのかなと思い、Readoubleを確認した次第です。

キャッシュ対策にバージョン追加

設定ファイルやらを見直したついでに、キャッシュ対策としてコンパイル時にバージョンも出力する設定に変更しました。

mix.js([ 'resources/js/libs/bootstrap.js', 
    'resources/js/app.js', ], 'public/js/all.js') 
   .sass('resources/sass/app.scss', 'public/css') 
   .version(); //←ここ

最後の .version() を追加するだけです。
※mix() で出力しないとバージョンが反映されません※

タイトルとURLをコピーしました