Как на этом сайте подгружаются стили?

Question

[Evtera]

Добрый день. Подскажите, пожалуйста, как на этом https://www.supermarket.ie/product/aveeno-baby-soo... сайте подгружаются стили? Если быть точнее, то на сайте два сss файла, работает тот, который style.css?23. Это что за формат такой интересный? как это работает и зачем там два файла style.css

Comments

[Ankhena]

Где вы видите, что их 2?
И уточните первую часть вопроса.

[Evtera]

Ankhena, дополнил

[WapSter]

Evtera, открываешь вклдку network в devtools и смотришь, как что загружается. И там один файл style.css второй построен на основе sourcemap видимо дополнял сайт криворкуий верстальщик или тот у которого не было исходников, ну или то и другое)

[Evtera]

WapSter, мне просто нужно было сделать некоторые правки в css, заказчик попросил выслать исправленный css файл. Исходников у меня не было ( :D ), исправления я сделал, внёс в style.css?23 и отправил. Но стало интересно, как это вообще работает и что это за ?23 такое

[WapSter]

Evtera, поменяй версию на любую другую иначе изменения не будут видны.
UPD style.css?23 у тебя сам файл так называется?) ?xx такое добавляют только в ссылку на style.css

Answer 1

[Ankhena]

Это не криворукий верстальщик.
Это так показывают инструменты разработчика, когда у файла есть "хвостик" после знака вопроса.
Это сделано для того, чтобы не было кеширования. Версия файла меняется - меняется хеш - у пользователя стили берутся не кеша. Если версия не поменялась, то из кеша.
На самом деле, к сайту подключен один файл style.css
Остальные "кусочки" показывает source map.

Comments

[Evtera]

значит получается, мне нужно было скидывать не style?23 а просто style?. Или если он вставит просто этот style?23 вместо обычного style, то всё будет ок
Теперь понятно, почему при изменении style.css ничего не происходило, а вот при изменении style?23 всё работало

[Ankhena]

Evtera, сам файл физически должен продолжать называться просто style.css
Выяснить как меняется число, автоматом при сборке или руками.
Если не автоматом, то менять ручками только число только в пути к файлу.

Answer 2

[kripkrip007]

Часть "?23" в style.css?23 нужна для сброса кэша. Например вы изменили css и вот после знака вопроса написали вместо 23 - 24. Тогда у пользователей кэш стилей сброситься и новые стили применяться.