Merge pull request #4522 from Kovah/v5-vite-assets

Extend config to support custom Vite styles and scripts

Author: tabacitu

src/config/backpack/base.php

@@ -74,6 +74,12 @@
         // 'css/app.css' => '',
     ],
 
+    // CSS files that are loaded in all pages, using Laravel's @vite() helper
+    // Please note that support for Vite was added in Laravel 9.19. Earlier versions are not able to use this feature.
+    'vite_styles' => [ // resource file_path
+        // 'resources/css/app.css' => '',
+    ],
+
     // ------
     // HEADER
     // ------
@@ -146,10 +152,15 @@
     ],
 
     // JS files that are loaded in all pages, using Laravel's mix() helper
-    'mix_scripts' => [// file_path => manifest_directory_path
+    'mix_scripts' => [ // file_path => manifest_directory_path
         // 'js/app.js' => '',
     ],
 
+    // JS files that are loaded in all pages, using Laravel's @vite() helper
+    'vite_scripts' => [ // resource file_path
+        // 'resources/js/app.js',
+    ],
+
     // -------------
     // CACHE-BUSTING
     // -------------

src/resources/views/base/inc/head.blade.php

@@ -8,7 +8,7 @@
 
     @yield('before_styles')
     @stack('before_styles')
-    
+
     @if (config('backpack.base.styles') && count(config('backpack.base.styles')))
         @foreach (config('backpack.base.styles') as $path)
         <link rel="stylesheet" type="text/css" href="{{ asset($path).'?v='.config('backpack.base.cachebusting_string') }}">
@@ -21,6 +21,10 @@
         @endforeach
     @endif
 
+    @if (config('backpack.base.vite_styles') && count(config('backpack.base.vite_styles')))
+        @vite(config('backpack.base.vite_styles'))
+    @endif
+
     @yield('after_styles')
     @stack('after_styles')
 
@@ -29,4 +33,4 @@
     <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-    <![endif]-->
+    <![endif]-->

src/resources/views/base/inc/scripts.blade.php

@@ -10,6 +10,10 @@
     @endforeach
 @endif
 
+@if (config('backpack.base.vite_scripts') && count(config('backpack.base.vite_scripts')))
+    @vite(config('backpack.base.vite_scripts'))
+@endif
+
 @include('backpack::inc.alerts')
 
 {{-- page script --}}
@@ -66,4 +70,4 @@
 
 @if(config('app.debug'))
     @include('crud::inc.ajax_error_frame')
-@endif
+@endif