Как в Webpack работает сборка картинок?

Подскажите, как логически работает сохранение картинок в Webpack?

Допустим, на сайте 100 картинок.

Разобрался только с громоздкой сборкой картинок:

1) Каждую нужно сначала в index.js импортировать

import "./img/1.jpg";
import "./img/2.jpg";
import "./img/3.jpg";
...
import "./img/100.jpg";

2) Затем в index.html подключать

<img src="./img/1.jpg">

Можно как-то проще все сделать?

Допустим, только в index.html указать <img src="./img/1.jpg"> и картинка соберется в итоговый проект?