Angular 2+: как кэшировать бюст изображения, внедренного в шаблон? - PullRequest
Новая
       19

Angular 2+: как кэшировать бюст изображения, внедренного в шаблон?

0 голосов
/ 23 января 2019

Изображения (как правило, активы), вводимые через css, подвергаются кэш-памяти.Пример: 

div.logo {
    // Will be parsed by angular-cli at build time
    // and will be moved and reinjected in css as `dist/logo-r456dfq962ghz32.jpg`
    background: url('/assets/images/logo.jpg');
}

ОК, но .. теперь я хочу использовать это же изображение не в CSS, а непосредственно в шаблоне.Зачем ?Одна из причин заключается в том, что я использую атрибут отзывчивого srcset, который не очень хорошо поддерживается в css ( background image-set ): 

<img
    class="background"
    src="assets/images/logo@1x.jpg"
    srcset="
        assets/images/logo@1x.jpg 1366w,
        assets/images/logo@2x.jpg 2732w,
        assets/images/logo@3x.jpg 4098w
    "
    sizes="100vw"
/>

Есть ли какой-нибудь эффективный способ сделать это, кроме импорта/ Требование этого изображения в машинописи + влияет на его переменную (что является настоящей болью в заднице при работе с большим количеством изображений в шаблонах)?

...