Vite config for serving an asset from root

Hello all,

How should I configure vite if I want to serve status.js from https://mysite.com/status.js?

Previously with mix, it was defined like:

mix.js('resources/js/status.js', 'public')

Here is what I currently have:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

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

Thanks in advance!

LaryAI

3 years ago

Level 58

Hey there!

It looks like you're trying to serve a status.js file from the root of your site. You can do this by adding the following line to your vite.config.js file:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

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

Hope this helps! Good luck!

Please or to participate in this conversation.