代码之家  ›  专栏  ›  技术社区  ›  Stav Alfi

浏览器不能使用缓存

  •  2
  • Stav Alfi  · 技术社区  · 6 年前

    我使用的是webpack4,在使用webpackdevserver时处于热模块替换模式。

    出于某种原因,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清除缓存后: enter image description here 在第二次刷新而不清除缓存后: enter image description here

    1. 为什么粗体(黄色)包没有从磁盘缓存加载?

    2. 有什么问题 localhost ng-validate.js 文件夹?(我没有任何角度依赖性)。


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

    1 回复  |  直到 6 年前
        1
  •  2
  •   nipuna777    6 年前

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

    ng-validate.js 从“内容脚本”调用,表明可以从扩展调用它。您可以通过在禁用所有扩展的情况下访问同一页(或在匿名模式下)来检查这一点

    推荐文章