webpack-dev-server 的缓存问题
Caching issue with webpack-dev-server
我在 运行 安装 webpack-dev-server 时遇到了一些问题。每当我保存文件并编译更改时,它们都不会反映在浏览器中。 (命令行中没有错误)
我正在运行执行以下命令:
webpack-dev-server --progress --color
但是,如果我 运行 webpack
每次更改时,这都会反映在我的浏览器中。
我 运行 Chrome 在我的 Mac 上(OSX 的最新版本),并且我启用了 "Disable cache while devtools is open" 选项。不用说,但是嘿 - 你永远不知道,我打开了我的 DevTools..:)
我是不是漏掉了一个简单的步骤?
我有同样的问题,我在 html 中使用 dist/app.js
文件,而不是 webpack-dev-server 生成的 app.js
文件。
在我的 html 中使用它解决了问题:
<script src="vendor.js"></script>
<script src="app.js"></script>
我不得不将我的脚本标签直接指向带有完整 URL 的 webpack-dev-server,就像这样:
<script src="http://localhost:8080/vendor.bundle.min.js"></script>
<script src="http://localhost:8080/app.bundle.min.js"></script>
为了禁用缓存,我在 webpack 配置中使用了 Cache-Control header。
devServer: {
headers: {
'Cache-Control': 'no-store',
},
},
我在 运行 安装 webpack-dev-server 时遇到了一些问题。每当我保存文件并编译更改时,它们都不会反映在浏览器中。 (命令行中没有错误)
我正在运行执行以下命令:
webpack-dev-server --progress --color
但是,如果我 运行 webpack
每次更改时,这都会反映在我的浏览器中。
我 运行 Chrome 在我的 Mac 上(OSX 的最新版本),并且我启用了 "Disable cache while devtools is open" 选项。不用说,但是嘿 - 你永远不知道,我打开了我的 DevTools..:)
我是不是漏掉了一个简单的步骤?
我有同样的问题,我在 html 中使用 dist/app.js
文件,而不是 webpack-dev-server 生成的 app.js
文件。
在我的 html 中使用它解决了问题:
<script src="vendor.js"></script>
<script src="app.js"></script>
我不得不将我的脚本标签直接指向带有完整 URL 的 webpack-dev-server,就像这样:
<script src="http://localhost:8080/vendor.bundle.min.js"></script>
<script src="http://localhost:8080/app.bundle.min.js"></script>
为了禁用缓存,我在 webpack 配置中使用了 Cache-Control header。
devServer: {
headers: {
'Cache-Control': 'no-store',
},
},