La pregunta es que tengo 10 imágenes en mi carpeta public y quiero usarlas en un componente. en lugar de escribir
import imgurl1 from "../../public/celsius.gif"; import imgurl2 from "../../public/compass.gif"; import imgurl3 from "../../public/rain.gif"; . . . import imgurl8 from "../../public/thermo.gif"; import imgurl9 from "../../public/sunset.gif"; import imgurl10 from "../../public/wind.gif";el código anterior, ¿quiero usar algo más ordenado y limpio? ¿Hay alguna forma de no repetir la misma línea e importarlos todos?
Estoy suponiendo algo como
import { imgurl1,imgurl2,...imgurl10, } from "../../public";La importación de imágenes de Next JS se implementa como un complemento de paquete web que se implementa utilizando import symbol from 'filepath : no podrá cambiar la forma en que funciona directamente, pero no hay nada que le impida crear un archivo auxiliar que exporte el importado archivos
En otras palabras, puede tomar todas sus importaciones y moverlas a images.js y exportarlas todas en la parte inferior. Luego puede importarlos usando una importación desestructurada.