Automatically create hotFile parent directory

[adrum]

I have the following vite.config.ts:

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import laravel from "laravel-vite-plugin";
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
    plugins: [
        tailwindcss(),
        laravel({
            input: ["src/App.tsx"],
            publicDirectory: "../wwwroot",
            hotFile: "../wwwroot/build/hot",
            refresh: true,
        }),
        react(),
    ],
    resolve: {
        alias: {
            "@": "/src",
        },
    },
    build: {
        emptyOutDir: true,
    },
});

When I run npm run dev on a fresh clone, I usually have to make the directory by hand. It would be nice if this library just did automatically.

[timacdonald]

Nice!

I added some logging when the directory is initially created, as I felt it would be easy to misconfigure the path with an absolute path and not realise where the hot file was written too, e.g., somewhere outside of the project directory on the system.

[timacdonald]

This timeout is intentional to ensure our log appears after the initial Vite output. We use a similar technique below.

[adrum]

Looks great! Great idea @timacdonald