Import CSS in JS

resources/js/app.js

@@ -10,6 +10,7 @@ import mixins from '@/mixins';
 import {InertiaProgress} from '@inertiajs/progress'
 import axios from 'axios';
 import {resolvePageComponent} from "laravel-vite-plugin/inertia-helpers";
+import '../sass/app.scss';
 
 window._forEach = forEach;
 

resources/views/app.blade.php

@@ -8,7 +8,7 @@
 
     <link href="https://fonts.googleapis.com/css?family=Inter&display=swap" rel="stylesheet">
 
-    @vite(['resources/sass/app.scss', 'resources/js/app.js'])
+    @vite(['resources/js/app.js'])
 
     @if(config('cashier.key') && config('cashier.secret'))
         <script src="https://js.stripe.com/v3/"></script>

vite.config.js

@@ -5,7 +5,7 @@ import vue from '@vitejs/plugin-vue2';
 export default defineConfig({
     plugins: [
         laravel([
-            'resources/sass/app.scss',
+            /** CSS is dynamically imported in the app.js file. */
             'resources/js/app.js',
         ]),
 vue({