9

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

我正在运行以下命令:

webpack-dev-server --progress --color

但是,如果我webpack每次有变化都运行,这会反映在我的浏览器中。

我在我的 Mac(OSX 的最新版本)上运行 Chrome,并且启用了“在 devtools 打开时禁用缓存”选项。不用说,但是嘿 - 你永远不会知道,我打开了我的 DevTools.. :)

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

4

3 回答 3

5

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

devServer: {
  headers: {
    'Cache-Control': 'no-store',
  },
},
于 2020-08-24T13:18:53.003 回答
1

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

在我的 html 中使用它解决了这个问题:

<script src="vendor.js"></script>
<script src="app.js"></script>
于 2017-03-31T20:41:36.850 回答
0

我必须将我的脚本标签直接指向带有完整 URL 的 webpack-dev-server,如下所示:

<script src="http://localhost:8080/vendor.bundle.min.js"></script>
<script src="http://localhost:8080/app.bundle.min.js"></script>
于 2018-08-04T05:31:15.987 回答