Vue CLI 3 创建了大量“*.hot-update.js”文件。如何防止这种情况？答案

【问题标题】：Vue CLI 3 creating lots of '*.hot-update.js' files. How to prevent that?Vue CLI 3 创建了大量“*.hot-update.js”文件。如何防止这种情况？
【发布时间】：2019-08-25 23:51:12
【问题描述】：

出于开发目的，我不使用npm run serve，因为我正在将 Vue 与我的后端项目集成。相反，我在 package.json 中编写了自己的命令：

"dev": "vue-cli-service build --mode development --watch"

这一切都很好，但它会在我的 build dist 目录中生成大量 webpack 的 hot-update.js 文件，问题是它们不会被删除。

有没有办法配置 vue-cli/webpack 以使这些文件被自动删除甚至不首先创建？

【问题讨论】：

标签： vue.js vue-cli-3

【解决方案1】：

我相信开发模式会在启用 watch 标志时自动启用热重载。即使没有 watch 标志，构建时的开发模式标志也不包括热重载。令人困惑。我必须将它添加到我的 vue.config.js 文件中：

module.exports = {
  chainWebpack(config) {
    config.plugins.delete("hmr")
  },
};

注意：那会毁了 npm run serve

【讨论】：