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

Question

[Mesuti]

Привет!
Подскажите, как логически работает сохранение картинок в 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"> и картинка соберется в итоговый проект?

Answer 1

[Dmitry Tallmange]

Попробуйте вместо:
<img src="./img/1.jpg" />
Вот это:
<img src=<%=require("./img/1.jpg")%> />