Custom JS file import

@csaba_szekely try the following:

Your vite.config.js

	...
    return {
        plugins: [
            laravel({
                input: [
                    'resources/scss/app.scss',
                    'resources/js/app.js',
					'resources/js/your-file.js'
                ],
                ...
            }),
        ],
        ...
    }

Your layout file

@vite(['resources/sass/app.scss', 'resources/js/app.js', 'resources/js/your-file.js'])

This is is what my vite.config.js looks like:

import { defineConfig, loadEnv } from 'vite';
import laravel, { refreshPaths } from 'laravel-vite-plugin';
import fs from 'fs';
import { resolve } from 'path';
import { homedir } from 'os';

export default defineConfig(({ command, mode }) => {
    // Load current .env-file
    const env = loadEnv(mode, process.cwd(), '')

    // Set the host based on APP_URL
    let host = new URL(env.APP_URL).host
    let homeDir = homedir()
    let serverConfig = {}

    if (homeDir) {
        serverConfig = {
            https: {
                key: fs.readFileSync(
                    resolve(homeDir, `.config/valet/Certificates/${host}.key`),
                ),
                cert: fs.readFileSync(
                    resolve(homeDir, `.config/valet/Certificates/${host}.crt`),
                ),
            },
            hmr: {
                host
            },
            host
        }
    }

    return {
        plugins: [
            laravel({
                input: [
                    'resources/scss/app.scss',
                    'resources/js/app.js',
                ],
                refresh: [
                    ...refreshPaths,
                    'app/Http/Livewire/**',
                ],
            }),
        ],
        server: serverConfig
    }
});

Please note not all of the above is required this file is specified for valet so vite and valet can play nice together.