Responsive images on the site using webpack?

Question

JavaScript

There is a multi-page site and a lot of images.
How can I apply responsiveness to all images ?

<img srcset="elva-fairy-320w.jpg 320w,
             elva-fairy-480w.jpg 480w,
             elva-fairy-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">

Is there a webpack plugin that will generate images of different resolutions?
Or some other automated means for this task?

Answer 1

Use responsive-loader