How about inline html?

[goowikns]

I'm confused with these packages. Each seem to need some kind of javascript import and I don't get why... So if we have about 30 static images I'll need to import this 30 times? And why also import in Javascript?

Is there a way for webpack to generate these images from existing html picture tags? Like:

<picture>
  <source srcset="{{ asset('img/pages/home/header01.jpg?sizes=575w&placeholder=true') }}" media="max-width: 575px">
  <source srcset="{{ asset('img/pages/home/header01.jpg?sizes=768w&placeholder=true') }}" media="max-width: 768px">
  <source srcset="{{ asset('img/pages/home/header01.jpg?sizes=991w&placeholder=true') }}" media="max-width: 991px">
  <source srcset="{{ asset('img/pages/home/header01.jpg?sizes=1199w&placeholder=true') }}" media="max-width: 1199px">
  <img srcset="{{ asset('img/pages/home/header01.jpg') }}" alt="My default image">
</picture>

[174n]

I'm looking for that thing too