vite-hmr

A framework-agnostic Vite plugin inspired by Laravel's Vite plugin.

Installation

npm install vite-hmr

Usage

// vite.config.ts
import { defineConfig } from 'vite'
import hmr from 'vite-hmr'

export default defineConfig({
  plugins: [
    hmr({
      input: ['src/js/main.ts', 'src/css/app.css'],
      refresh: true,
    }),
  ],
})

Configuration

Option	Type	Default	Description
input	string[] | Record<string, string>	[]	Entry points to compile
publicDir	string	"public"	Directory for public assets
buildDir	string	"build"	Output directory inside publicDir
hotFile	string	"public/hot"	Path to hot reload file
refresh	boolean | string | string[]	false	Enable full-page reload on file changes

Output Structure

Built files are organized into:

• js/ - JavaScript entry points and chunks
• css/ - Stylesheets
• images/ - Image assets
• assets/ - Other assets

License

MIT