Home

Awesome

<h2 align='center'><samp>vite-plugin-full-reload</samp></h2> <p align='center'>Automatically reload the page when files are modified</p> <p align='center'> <a href='https://www.npmjs.com/package/vite-plugin-full-reload'> <img src='https://img.shields.io/npm/v/vite-plugin-full-reload?color=222&style=flat-square'> </a> <a href='https://github.com/ElMassimo/vite-plugin-full-reload/blob/main/LICENSE.txt'> <img src='https://img.shields.io/badge/license-MIT-blue.svg'> </a> </p> <br>

Why? 🤔

When using Vite Ruby, I wanted to see changes to server-rendered layouts and templates without having to manually reload the page.

Also, in JS From Routes path helpers are generated when Rails reload is triggered.

Triggering a page reload when config/routes.rb is modified makes the DX very smooth.

Installation 💿

Install the package as a development dependency:

npm i -D vite-plugin-full-reload # yarn add -D vite-plugin-full-reload

Usage 🚀

Add it to your plugins in vite.config.ts

import { defineConfig } from 'vite'
import FullReload from 'vite-plugin-full-reload'

export default defineConfig({
  plugins: [
    FullReload(['config/routes.rb', 'app/views/**/*'])
  ],
})

This is useful to trigger a page refresh for files that are not being imported, such as server-rendered templates.

To see which file globbing options are available, check picomatch.

Configuration ⚙️

The following options can be provided:

Acknowledgements

License

This library is available as open source under the terms of the MIT License.