Браузер может не использовать кеш - PullRequest
0 голосов
/ 30 августа 2018

Я использую 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

После очистки кеша от хрома: enter image description here После второго обновления без очистки кеша: enter image description here

Мои вопросы:

  1. Почему жирные (желтые) связки не загружаются из дискового кэша?

  2. Что такое файлы localhost и ng-validate.js? (У меня нет никаких угловых зависимостей).


Ссылка на мою площадку-проект: https://github.com/stavalfi/webpack-demo

1 Ответ

0 голосов
/ 30 августа 2018

Chrome не перезагружает эти файлы. Но он должен сделать запрос, чтобы убедиться, что файл не изменился. Статус ответа - 304 («Не изменен»). Запрос по-прежнему занимает несколько байтов для проверки изменений файла.

ng-validate.js вызывается из 'content-script', предполагая, что он может быть вызван из расширения. Вы можете проверить это, посетив ту же страницу со всеми отключенными расширениями (или в режиме инкогнито.)

...