Automatically reload the page when files are modified
Install the package as a development dependency:
npm i -D vite-plugin-full-reload # yarn add -D vite-plugin-full-reload
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.
When using Vite Ruby, I wanted to see changes to server-rendered layout or template 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.
-
This is a nice plugin, I found it after quickly developing this one.
I've made two PRs that are needed to support these use cases.
If they are merged, this might become a "preset" of that library instead.
This library is available as open source under the terms of the MIT License.