Laravel | BladeのCSSやJSにバージョン番号を付与する

バージョン番号を定義する

“config/app.php” にバージョン番号用の定義を追加します。

return [

    /*
    |--------------------------------------------------------------------------
    | その他の設定
    |--------------------------------------------------------------------------
    |
    */
    'assets_version'     => '1.0.1', // バージョン番号（共通）
    'assets_version_css' => '1.0.1', // バージョン番号（CSS用）
    'assets_version_js'  => '1.0.1', // バージョン番号（JS用）

];

Bladeテンプレートに追加

定義したバージョン番号をBladeテンプレートの必要な箇所に追加します。

<link rel="stylesheet" href="{{ asset('/assets/common/css/style.css') }}?v={{ config('app.assets_version_css') }}">

<script src="{{ asset('/assets/common/js/action.js') }}?v={{ config('app.assets_version_js') }}" defer></script>

ブラウザでソース確認

<link rel="stylesheet" href="http://localhost/assets/common/css/reset.css?v=1.0.1">

<script src="http://localhost/assets/common/js/action.js?v=1.0.1" defer></script>

動作環境情報

"macOS Sonoma" 14.0
"Docker Desktop" 4.17.0
"Laravel Framework" 10.11.0
"Laravel Sail"