Así que miré los documentos para webpack, y estoy bastante seguro de que require.context es lo que necesito para poner todas mis imágenes de una carpeta en una matriz.
En la carpeta "Perruet" tengo tres imágenes jpg.
Haciendo exactamente lo que dice el doc:
const cache = {}; function importAll(r) { r.keys().forEach((key) => (cache[key] = r(key))); } importAll(require.context('./img/Perruet', false, /\.jpg$/)); console.log("photo", cache) El console.log me da este resultado: 
Lo que necesito es el valor "predeterminado" de la imagen que me daría la ruta a mi imagen, pero no puedo obtener este valor. ¿Alguien puede ayudarme a recuperar este valor?
const cache1 = { }; function importProjets(r) { r.keys().forEach((key) => (cache1[key] = r(key))); } importProjets(require.context('./img/projets',true,/\.jpg$/)); console.log(cache1) let vals1 = Object.values(cache1); console.log(vals1); let projectArray = []; let projetsImg = []; let empty=[]; export {projectArray}; function createArrayProjet(){ for (let i = 0; i < 20; i++){ projetsImg.push(vals1[i].default) } projectArray.push(projetsImg); console.log("projectArrayMiddle",projectArray); projetsImg=empty; for (let i = 20; i < vals1.length; i++){ projetsImg.push(vals1[i].default) } projectArray.push(projetsImg); } createArrayProjet();