Disable auto reload vite reactjs

Question

My application requires a very extensive loading for certain functions, but vite updates the page by itself causing the loading to restart and lose all the progress already made on the page, I would like to know how to disable vite's auto reload.

vite.config.ts:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

// https://vitejs.dev/config/

export default defineConfig({
  plugins: [react()],
  server: {
    host: true,
    port: 5173, // This is the port which we will use in docker
     // Thanks @sergiomoura for the window fix
    // add the next lines if you're using windows and hot reload doesn't work
    hmr: { overlay: false }, 
    watch: {
       usePolling: true
     }
  }
 })

If you're referring to disabling the hot reload maybe this can help. — Andy
– Andy, Commented Aug 28, 2023 at 13:50

Rudi Jansen van Vuuren · Accepted Answer · 2023-09-18 18:48:23Z

7

You can disable HMR entirely by adding the following to your vite.config.ts file.

// vite 4.4.9
server: {
    hmr: false
}

You might also be interested in my other answer for forcing the browser to do a full reload on module changes.

answered Sep 18, 2023 at 18:48

Rudi Jansen van Vuuren

4853 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Disable auto reload vite reactjs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related