javascript - 浏览器可能不使用缓存

Question

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

出于某种原因，即使我使用哈希，chrome 仍会继续下载 bundle 。

输出:

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 文件是什么？ (我没有任何 Angular 依赖项)。

---

链接到我的 Playground 项目:https://github.com/stavalfi/webpack-demo

Answer 1

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

ng-validate.js 是从“content-script”调用的，表明它可以从扩展中调用。您可以通过禁用所有扩展(或隐身模式)访问同一页面来检查这一点。