waqaspuri's avatar

Vite Laravel 9 JS file

Hi.

@vite(['resources/css/app.css', 'resources/js/app.js']

It works with app.css and also app.js but for js file

<script src="{{ vite::asset('resources/assets/js/jquery.scrolly.min.js') }}"></script>
<script src="{{ vite::asset('resources/assets/js/browser.min.js') }}"></script>
<script src="{{ vite::asset('resources/assets/js/breakpoints.min.js') }}"></script>
<script src="{{ vite::asset('resources/assets/js/util.js') }}"></script>
<script src="{{ vite::asset('resources/assets/js/main.js') }}"></script>
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

app.js

import './bootstrap';
// Import individual JavaScript files

import '../assets/js/jquery.min.js';
import '../assets/js/jquery.scrolly.min.js';
import '../assets/js/browser.min.js';
import '../assets/js/breakpoints.min.js';
import '../assets/js/util.js';
import '../assets/js/main.js';

It is correct? to <script src="{{ vite::asset('resources/assets/js/jquery.min.js') }}"></script> each file in the footer.

0 likes
1 reply
gych's avatar

Importing the files only in app.js should work, not sure why you are also including the same files with script tags?

Please or to participate in this conversation.