Have you seen vite-plugin-node can you do something similar for HMR?

[fastify]

Have you seen vite-plugin-node can you do something similar for HMR?

[sync]

nice, have a look at this PR: #78

[bskimball]

Upgrading to 3.0.0-beta.21 worked for me. Thanks for the quick fix.

[sync]

New version does hmr, just tested it with React

[bskimball]

I get this with Vue ReferenceError: __VUE_HMR_RUNTIME__ is not defined

[sync]

I think the vite config is not properly passed trough so it's always building for prod,

here is my patch that made hmr work (in react):
fastify-vite+3.0.0-beta.20.patch.zip

you can use patch-package and drop this file into a patches folder in the root

diff --git a/node_modules/fastify-vite/config.js b/node_modules/fastify-vite/config.js
index 55bfdde..152c913 100644
--- a/node_modules/fastify-vite/config.js
+++ b/node_modules/fastify-vite/config.js
@@ -3,6 +3,7 @@ const { fileURLToPath } = require('url')
 const { dirname, join, resolve, exists, stat, read } = require('./ioutils')
 const { createHtmlTemplateFunction } = require('./html')
 
+
 const DefaultConfig = {
   // Whether or not to enable Vite's Dev Server
   dev: process.argv.includes('--dev'),
@@ -80,19 +81,21 @@ const DefaultConfig = {
     return (error, req, reply) => {
       if (config.dev) {
         console.error(error)
+        scope.vite.devServer.ssrFixStacktrace(error)
       }
-      scope.vite.devServer.ssrFixStacktrace(error)
       scope.errorHandler(error, req, reply)
     }
   },
 }
 
 async function configure (options = {}) {
-  const defaultConfig = Object.create(DefaultConfig)
+  const defaultConfig = {...DefaultConfig}
   const root = resolveRoot(options.root)
-  const [vite, viteConfig] = await resolveViteConfig(root)
+  const dev = typeof options.dev === 'boolean' ? options.dev : defaultConfig.dev;
+
+  const [vite, viteConfig] = await resolveViteConfig(root, dev)
   const clientModule = defaultConfig.clientModule ?? resolveClientModule(vite.root)
-  const bundle = await resolveBundle({ ...options, vite })
+  const bundle = await resolveBundle({ dev, vite })
   const config = Object.assign(defaultConfig, {
     ...options,
     vite,
@@ -136,12 +139,12 @@ function resolveRoot (root) {
   }
 }
 
-async function resolveViteConfig (root) {
+async function resolveViteConfig (root, dev) {
   for (const ext of ['js', 'mjs', 'ts', 'cjs']) {
     const configFile = join(root, `vite.config.${ext}`)
     if (exists(configFile)) {
       return [
-        await resolveConfig({ configFile }, 'build', 'production'),
+        await resolveConfig({ configFile }, 'build', dev ? 'development' : 'production'),
         configFile,
       ]
     }

[sync]

@galvez let me know if you would like a PR with those changes

[galvez]

@sync Oh, that is a good catch! Would love a PR, for sure!

[galvez]

Closed via #78