Как имена хеш-файлов запрашиваются браузером - PullRequest
Новая
       29

Как имена хеш-файлов запрашиваются браузером

0 голосов
/ 31 октября 2019

Я новичок в веб-разработке. В проекте я вижу, что файлы ресурсов создаются и их имена меняются - к их именам добавляется строка хеша. Я знаю, что какой-то пакет делает это волшебство, но я не понимаю, как браузер знает их «новые» имена. Например, если у меня в файле index.js <script src="/main.js"...> и после сборки это main.js превратилось в main-ad466ef6367...js, этот тег сценария должен быть изменен соответствующим образом, с новым именем, верно?

1 Ответ

1 голос
/ 01 ноября 2019

Ваше предположение верно. HTML-код, отправляемый в браузер, должен содержать правильные ссылки на js, css и другие ресурсы. Если вы используете html webpack plugin для генерации html, он может встроить хэшированные ссылки на ваши ресурсы из коробки. Если вы используете только веб-пакет для объединения своих активов, вы можете использовать манифест-плагин для создания manifest.json файла, который будет содержать карту объектов ваших активов, то есть 

{
  "main.js": "/main-4kj5h62.js",
  "style.css": "/style-k67bv2.css",
  "logo.svg": "/logo-m2vb456.svg"
}

, на которую вы можете ссылатьсяэтот файл в вашем серверном приложении для вставки правильных ссылок на ваши активы.

...