如何关闭 ViteJS 的 Hot Module Reload？答案

【问题标题】：How can I turn off ViteJS's Hot Module Reload?如何关闭 ViteJS 的 Hot Module Reload？
【发布时间】：2022-12-16 05:20:44
【问题描述】：

我有一个服务器端呈现production 模式的 Vite 应用程序。我的问题是：通常网页会重新加载并且控制台会显示[vite] connecting...。我将其追溯到 vite 代码库的热模块重新加载部分。但是，我不想为production打开hmr，但不管我将下面的两个设置设置为false，它似乎仍然打开：

在我的vite.config.js 文件中我有：

...
export default defineConfig({
  server: {
    hmr: false,
  },

同样在我的 NodeJS server.js 文件中，我有：

const vite = await createViteServer({
  server: { middlewareMode: 'ssr', hmr: false },
})

如何关闭Vite的hmr？

【问题讨论】：

标签： nuxt.js vite

【解决方案1】：

Add this to your app js file

if (import.meta.hot)
import.meta.hot.accept(() => import.meta.hot.invalidate())

and in vite.config.js file add false to 'defineConfig' server.hmr.overlay property
defineConfig({          
    server: {
        /*here*/
        hmr: { overlay: false }
        },...
  })

【讨论】：