2016-11-09 3 views
1

Мы создаем файлы с кешами с меткой времени, также для наших .css-файлов. Но когда мы разрушаем кеш css, будут ли загружаться кэшированные фоновые изображения?bust cached CSS background-images with Grunt

Нужно ли добавить метку времени на background-image: url();? Если да, есть ли способ сделать это с ворчанием? До сих пор я мог обнаружить, где можно добавлять метки времени в файлы, но не в самих файлах css.

ответ

0

Versioning в CSS файлы, к сожалению, не достаточно хорошо для кэша перебора активов, это заставит браузер извлечь новый CSS сам файл с сервера. Но так как браузер кэширует ваши файлы CSS и ваши изображения в виде отдельных элементов, вам также нужно будет разрывать изображения/спрайты отдельно.

Когда изображение следует за ?background-image: url(../img/some-sprite.png?version=20130205), браузер вынужден сделать новый запрос. Важно заметить, что он делает новый запрос, если найден ?.

Если у вас есть какой-то особый интерес к нему - Прочитайте эту статью, чтобы узнать больше о кэше перебора в МЕНЬШЕ

https://www.bennadel.com/blog/2643-cache-busting-css-images-with-less-css.htm


Для очистки кэша только с Глотком & не редактирует ваш SASS follow this

Вы также можете использовать многочисленные пакеты npm, такие как gulp-cache-buster т.д.


Если вы хотите кэшировать перебор в вашем SASS вы моглиfollow this

+0

Это то, что я использую сейчас, хотя это является специфичным для компиляции CSS от МЕНЬШЕ. Он работает сейчас, но мы сейчас переходим от LESS к SASS, и поэтому мы пытаемся найти решение, которое работает с ворчанием или глотком независимо. – Baumfrosch

+0

ответ обновлен ссылками –

Смежные вопросы