在以vue-cli 3（webpack 4.15.1）开始的项目上关闭热重载

Question

对于每个版本的webpack，似乎此配置都已更改，并且使用vue-cli创建的项目更改了指定Webpack配置的方式。我已经尝试过在此站点上找到的所有解决方案，它们似乎都针对不同版本的webpack。

当我更改js文件时，我想完全关闭网页的自动重新加载。我真的不介意自己刷新一下，并且自动重装经常会遇到麻烦。

我使用以下命令创建了我的项目， npm install -g @vue/cli vue create my-project 并使用以下命令 启动了我的开发服务器： npm run serve 调用： vue-cli-service serve 看起来我应该能够在vue.config.js文件中传递某些内容，但是我不知道是什么。那里有一个部分configureWebpack，但是我尝试在其中放置各种解决方案，但是我的页面仍然不断刷新。

感谢您的指导！我很难找到与此有关的最新文档。

编辑：

我创建了一个新项目，并且具有以下vue.config.js文件：

module.exports = {
  lintOnSave: false
}

我从需要使用的说明中看到：

module: {
  rules: [
    {
      test: /\.vue$/,
      loader: 'vue-loader',
      options: {
        hotReload: false // disables Hot Reload
      }
    }
  ]
}

但是我不确定那会去哪里。我认为这是描述不同的配置文件。

另外，如果我没看错的话，那只会影响.vue文件。如果我更改.js文件怎么办？

Answer 1

见https://github.com/vuejs/vue-cli/issues/4368#issuecomment-515532738

module.exports = {
  devServer: {
    hot: false,
    liveReload: false
  }
}

Answer 2

您可以通过在配置中定义以下参数来禁用热重载：

hotReload: false

详细说明可以参见官方手册：