Как импортировать несколько изображений из папки ресурсов

Question

Я работаю с веб-пакетом и пытаюсь импортировать несколько изображений в JavaScript из папки, в которой они находятся, но не знаю, как все это сделать вместе. Код ниже работает, но только для импорта одного изображения за раз.

Я думал о создании массива и размещении там всех изображений, но это не сработало.

импорт img1 из "./assets/1.JPG";

$ (функция () { $ ( '#') Фотографии HTML (<figure><img src = ${img1}></figure>). });

Answer 1

Пара способов.

Вы можете использовать require (статический метод)

<img src={`${require('./assets/1.JPG')}`} />

ИЛИ, Вы можете использовать require.context ( рекомендуется ).

Проверка: https://webpack.js.org/guides/dependency-management/#requirecontext