En un proyecto de VueJs 3 tengo una lista de imágenes PNG. Puse las imágenes PNG en src/assets/pngs/ . En mi componente Vue construyo la lista con un bucle For y pongo el nombre de la imagen en el img src. En modo dev esto funciona bien.

 <div v-for="item in items" :key="item.id">
 <div class="card">
 <p class="hint">{{ item.name }}</p>
 <img :src="makeImgPath(item.img_name)" alt="">
 </div>
</div>

 methods: {
 makeImgPath(imgName) {
 return '/src/assets/pngs/' + imgName + '.png';
 }
}

Cuando construyo la aplicación con npm run build , obtengo un 404 para todas las imágenes en la lista cuando se construye. También he notado que la carpeta pngs y por lo tanto las imágenes no se copian a dist/asstes/. ¿Por qué es así y qué puedo hacer para que las imágenes se copien en la carpeta dist? Gracias de antemano, Max.