webpack-dev-server缓存问题

Question

运行webpack-dev-server时遇到一些问题。每当我保存文件并编译更改时，它们都不会反映在浏览器中。 （命令行没有错误）

我正在运行以下命令：

webpack-dev-server --progress --color

但是，如果我每次更改都会运行webpack，这会反映在我的浏览器中。

我在Mac上运行Chrome（最新版本的OSX），我启用了“在devtools打开时禁用缓存”选项。毋庸置疑，但是嘿 - 你永远不会知道，我的DevTools开放了......：）

我在这里错过了一个简单的步骤吗？

Answer 1

我遇到了同样的问题，我在html中使用dist/app.js文件，而不是由webpack-dev-server生成的app.js。

在我的HTML中使用它解决了这个问题：

<script src="vendor.js"></script>
<script src="app.js"></script>

Answer 2

我必须将脚本标签直接指向具有完整URL的webpack-dev-server，像这样：

<script src="http://localhost:8080/vendor.bundle.min.js"></script>
<script src="http://localhost:8080/app.bundle.min.js"></script>

Answer 3

要禁用缓存，我在webpack配置中使用了Cache-Control标头。

devServer: {
  headers: {
    'Cache-Control': 'no-store',
  },
},