【Laravel】変数をjsファイルで簡単に使えるようにするには？

public function index()
    {
        $js_variable = 'js変数';
        return view('injections.index', compact('js_variable'));
    }

@extends('layouts.app')

@push('script')
    <!-- 以下３行がControllerから受け取った、変数を定義しているところ -->
    <script>
        const JS_VARIABLE = `{{ $js_variable }}`;
    </script>
    <!-- 以下のjsファイルは後述 -->
    <script src="{{ asset('js/index.js') }}"></script>
@endpush

// jsの即時関数だね
(function() {
    console.log(JS_VARIABLE );
})();

composer require laracasts/utilities

composer require laracasts/utilities

'providers' => [

        /*
         * Laravel Framework Service Providers...
         */
        Illuminate\Auth\AuthServiceProvider::class,
        Illuminate\Broadcasting\BroadcastServiceProvider::class,
        ~~~ 略 ~~~
        /** jsでlaravel変数を使えるようにする */
        Laracasts\Utilities\JavaScript\JavaScriptServiceProvider::class

    ],

php artisan vendor:publish --provider="Laracasts\Utilities\JavaScript\JavaScriptServiceProvider"

<?php

return [

    /*
    |--------------------------------------------------------------------------
    | View to Bind JavaScript Vars To
    |--------------------------------------------------------------------------
    |
    | Set this value to the name of the view (or partial) that
    | you want to prepend all JavaScript variables to.
    | This can be a single view, or an array of views.
    | Example: 'footer' or ['footer', 'bottom']
    |
    */
    // ↓views/footerにcontroller側で定義した変数を記述するという意味
    'bind_js_vars_to_this_view' => 'footer',

    /*
    |--------------------------------------------------------------------------
    | JavaScript Namespace
    |--------------------------------------------------------------------------
    |
    | By default, we'll add variables to the global window object. However,
    | it's recommended that you change this to some namespace - anything.
    | That way, you can access vars, like "SomeNamespace.someVariable."
    |
    */
    // 変数スコープ
    'js_namespace' => 'window'
];

 @include ('footer')

public function index()
{
    // ライブラリはFacadeとして登録されているので、\JavaScriptとする
    \JavaScript::put([
        'js_variable' => 'js変数',
    ]);

    return view('index');
}

    <script src="{{ asset('js/index.js') }}" defer></script>

// jsの即時関数だね
(function() {
    console.log(js_variable);
})();