How can I add custom JS file to vite.config.js - Laravel 9?

Question

In prior versions of Laravel, I moved code with custom JS files into webpack.mix.js. Is there a way to make a similar one in Laravel 9, which uses vite.config.js?

mix.copy('resources/js/custom-file.js', 'public/js/').version();

why do not just use window.myfunction = myfunction in you custom-file.js and use @vite call in in your blade.php file… see stackoverflow.com/a/76712996/6614155 — bcag2
– bcag2, Commented Jul 18, 2023 at 13:02

Petro Gromovo · Accepted Answer · 2022-12-07 10:40:16Z

0

I modified file vite.config.js:

import { viteStaticCopy } from 'vite-plugin-static-copy'

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,
        }),



        viteStaticCopy({
            targets: [
                {
                    src: 'resources/js/feedback.js',
                    dest: 'js/custom.js'
                }
            ]
        })


    ],
});

That helped me with my issue...

answered Dec 7, 2022 at 10:40

Petro Gromovo

2,3639 gold badges60 silver badges130 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Moises Ferreira · Accepted Answer · 2023-03-26 19:08:20Z

0

viteStaticCopy does not add entry in manifest.json

edited Mar 26, 2023 at 19:08

answered Mar 26, 2023 at 19:07

Moises Ferreira

11 bronze badge

Collectives™ on Stack Overflow

How can I add custom JS file to vite.config.js - Laravel 9?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related