@vitejs/plugin-react-refresh

@vitejs/plugin-react-refresh

Provides React Refresh support for Vite.

// vite.config.js
import reactRefresh from '@vitejs/plugin-react-refresh'

export default {
  plugins: [reactRefresh()]
}

Specifying Additional Parser Plugins

If you are using ES syntax that are still in proposal status (e.g. class properties), you can selectively enable them via the parserPlugins option:

export default {
  plugins: [reactRefresh({
    parserPlugins: [
      'classProperties',
      'classPrivateProperties
    ]
  })]
}

Full list of Babel parser plugins.

Notes

• If using TSX, any TS-supported syntax will already be transpiled away so you won't need to specify them here.

• This option only enables the plugin to parse these syntax - it does not perform any transpilation since this plugin is dev-only.

• If you wish to transpile the syntax for production, you will need to configure the transform separately using @rollup/plugin-babel as a build-only plugin.