Saltar al contenido

Cómo usar imágenes en css con Webpack

Te sugerimos que revises esta resolución en un entorno controlado antes de pasarlo a producción, un saludo.

Solución:

Me quedé atascado con un problema similar y descubrí que puedes usar url-loader resolver "url()" declaraciones en su CSS como cualquier otra instrucción require o import.

Para instalarlo:

npm install url-loader --save-dev

Instalará el cargador que puede convertir rutas resueltas como cadenas BASE64.

En el archivo de configuración de su paquete web, use url-loader en los cargadores

jpg)$/,
  loader: 'url-loader'

También asegúrese de especificar correctamente su ruta pública y la ruta de las imágenes que está tratando de cargar.

Sección de Reseñas y Valoraciones

Puedes reafirmar nuestra investigación exponiendo un comentario y puntuándolo te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *