PHPackages                             chianglintu/spiral-vite - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. chianglintu/spiral-vite

ActiveSpiral-bootloader[Framework](/categories/framework)

chianglintu/spiral-vite
=======================

Vite integration for Spiral Framework with HMR support for CSS, React, and Vue

v1.1.0(3mo ago)03MITPHPPHP >=8.1

Since Jan 27Pushed 3mo agoCompare

[ Source](https://github.com/chianglintu/spiral-vite)[ Packagist](https://packagist.org/packages/chianglintu/spiral-vite)[ Docs](https://github.com/chianglintu/spiral-vite)[ RSS](/packages/chianglintu-spiral-vite/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (3)Versions (3)Used By (0)

Spiral Vite
===========

[](#spiral-vite)

[![Latest Version on Packagist](https://camo.githubusercontent.com/337e27e62367ce2ddf651cfaaa4f9722043e8448bedad3f87f4c0abbe1389da7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636869616e676c696e74752f73706972616c2d766974652e737667)](https://packagist.org/packages/chianglintu/spiral-vite)[![License](https://camo.githubusercontent.com/6e5b664bf50e4ee4acf9d22abc217e393368a8c7a081c8ca72722000c6c3d68c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f636869616e676c696e74752f73706972616c2d766974652e737667)](https://packagist.org/packages/chianglintu/spiral-vite)

Vite integration for Spiral Framework, inspired by Laravel Vite.

Features
--------

[](#features)

- Hot Module Replacement (HMR) for CSS and JavaScript
- React Fast Refresh support
- Vue HMR support
- Tailwind CSS v4 integration
- Production build with asset versioning
- Twig template functions

Requirements
------------

[](#requirements)

- PHP >= 8.1
- Spiral Framework 3.x
- Node.js >= 18

Installation
------------

[](#installation)

### PHP Package

[](#php-package)

```
composer require chianglintu/spiral-vite
```

Register the bootloader in `app/src/Application/Kernel.php`:

```
use Spiral\Vite\Bootloader\ViteBootloader;

// ...

public function defineBootloaders(): array
{
    return [
        // ... other bootloaders
        ViteBootloader::class,
    ];
}
```

### Vite Plugin

[](#vite-plugin)

Add the local package to your `package.json`:

```
{
  "dependencies": {
    "spiral-vite-plugin": "file:packages/spiral-vite"
  }
}
```

Then run:

```
npm install
```

Configuration
-------------

[](#configuration)

### PHP Configuration

[](#php-configuration)

**Required:** Publish the configuration file before using the package:

```
php app.php vite:publish
```

This will create `app/config/vite.php`:

```