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() で出力しないとバージョンが反映されません※