MENOS - Función Data-uri

Descripción

La uri de datos es un esquema de identificador uniforme de recursos (URI) que integra un recurso en las páginas web. El nodo usa el paquete mime para controlar el tipo MIME correcto cuando no se proporciona el tipo MIME.

Parámetro

url - Inline la URL del archivo.
mimetype - Cadena de tipo MIME.

Ejemplo

El siguiente ejemplo demuestra el uso de la función uri de datos en el archivo LESS:

misc_example.htm

<!doctype html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
      <h2>Welcome to TutorialsPoint</h2>
   </body>
</html>

A continuación, cree el archivo style.less .

estilo sin

body {
   background: data-uri('startup.jpg');
}

Puede compilar el archivo style.less en style.css usando el siguiente comando:

lessc style.less style.css

Ejecute el comando anterior; creará el archivo style.css automáticamente con el siguiente código:

style.css

body {
   background: url('startup.jpg');
}

Salida

Siga estos pasos para ver cómo funciona el código anterior:

Guarde el código html anterior en el misc_example.htm archivo.
Abra este archivo HTML en un navegador, se mostrará el siguiente resultado.

↰ Previous page