浏览器可能不使用缓存

Question

我正在使用Webpack 4，并且在使用Webpack devServer时处于热模块替换模式。

出于某种原因，即使我使用哈希，chrome也会继续下载捆绑软件。

输出：

Hash: 23594d99dc21755c5643
Version: webpack 4.17.1
Time: 1901ms
Built at: 2018-08-30 08:48:18
                           Asset       Size  Chunks             Chunk Names
        a17719b06f0064365b32.css   35 bytes       0  [emitted]  main
0.210b787809a8d87a8b98.bundle.js  501 bytes       0  [emitted]  main
1.640168cdfaffafd85d00.bundle.js    111 KiB       1  [emitted]  vendors~main
  ff4dc475b068a1649cf3.bundle.js   1.43 KiB       2  [emitted]  runtime
                      index.html  417 bytes          [emitted]
Entrypoint main = ff4dc475b068a1649cf3.bundle.js 1.640168cdfaffafd85d00.bundle.js a17719b06f0064365b32.css 0.210b787809a8d87a8b98.bundle.js
[60] ./src/main.css 39 bytes {0} [built]
[62] ./src/index.js + 1 modules 765 bytes {0} [built]
     | ./src/index.js 97 bytes [built]
     | ./src/component.js 643 bytes [built]
    + 61 hidden modules
Child html-webpack-plugin for "index.html":
     1 asset
    Entrypoint undefined = index.html
    [2] (webpack)/buildin/global.js 489 bytes {0} [built]
    [3] (webpack)/buildin/module.js 497 bytes {0} [built]
        + 2 hidden modules
Child mini-css-extract-plugin node_modules/css-loader/index.js!src/main.css:
    Entrypoint mini-css-extract-plugin = *
    [0] ./node_modules/css-loader!./src/main.css 194 bytes {0} [built]
        + 1 hidden module

从Chrome清除缓存后： 在第二次刷新后不清除缓存：

我的问题：

1. 为什么未从磁盘缓存中加载粗体（黄色）捆绑包？

2. localhost和ng-validate.js文件是什么？ （我没有任何角度依赖性）。

---

链接到我的游乐场项目：https://github.com/stavalfi/webpack-demo

Answer 1

Chrome不会重新下载这些文件。但是它必须发出请求以确保文件没有更改。响应状态为304（“未修改”）。该请求仍然需要几个字节才能检查文件更改。

ng-validate.js是从“内容脚本”调用的，这表明可以从扩展名中调用它。您可以通过在禁用所有扩展名的情况下访问同一页面（或在隐身模式下进行检查）。