laravel-vite-plugin

Vite Configuration

This feature allows you to configure Vite to work with Laravel. The code sample shows how to define the Vite configuration and use the laravel-vite-plugin to specify the input files and enable hot module replacement.

```javascript
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,
    }),
  ],
});
```

Hot Module Replacement (HMR)

This feature enables Hot Module Replacement (HMR) for a better development experience. The code sample shows how to configure the Vite server to use HMR with the laravel-vite-plugin.

```javascript
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,
    }),
  ],
  server: {
    hmr: {
      host: 'localhost',
    },
  },
});
```

Asset Versioning

This feature allows for asset versioning, which helps in cache busting. The code sample shows how to enable the generation of a manifest file during the build process, which can be used for versioning assets.

```javascript
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,
    }),
  ],
  build: {
    manifest: true,
  },
});
```