Level 29
Importing the files only in app.js should work, not sure why you are also including the same files with script tags?
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.
Please or to participate in this conversation.