vue如何关闭热重载

关闭热重载

热重载默认是开启的，除非遇到以下情况：

• webpack 的 target 的值是 node (服务端渲染)
• webpack 会压缩代码
• process.env.NODE_ENV === 'production'

你可以设置 hotReload: false 选项来显式地关闭热重载：

module: {
  rules: [
    {
      test: /\.vue$/,
      loader: 'vue-loader',
      options: {
        hotReload: false // 关闭热重载
      }
    }
  ]
}

其他

“热重载”不只是当你修改文件的时候简单重新加载页面。
启用热重载后，当你修改 .vue 文件时，该组件的所有实例将在不刷新页面的情况下被替换。
它甚至保持了应用程序和被替换组件的当前状态！当你调整模版或者修改样式时，这极大地提高了开发体验。