xm

Este es un pequeño y elegante preprocesador HTML de Giuseppe Gurgone. Tiene muy pocas funciones, pero una de ellas es la inclusión de HTML, algo que me sigue desconcertando porque HTML no es compatible de forma nativa. Hay muchas maneras de manejarlo. Creo que es una tontería que se haya necesitado constantemente durante décadas y que HTML pueda evolucionar para admitirlo, pero no lo ha hecho. De todos los modos, ingrese otra opción para manejarlo.

Hoy estoy abriendo código ✨ ₪ xm ✨ un pequeño compilador para HTML que agrega soporte para espacios

de importacion
y llena
un portal para rebajas

https://t.co/mhrlVGg3Wp
⌨️ npm i -g xm xm dev pic.twitter. es/pYN9RpodsW

– Giuseppe (@giuseppegurgone) 15 de septiembre de 2020

Lo que es más interesante es que no se trata solo de inclusiones, sino de plantillas con inclusiones de una manera realmente limpia. Si esto fuera Nunjucks , lo solucionan creando un template.njkme gusta…

{% block header %}  This is the default (overridable) header.{% endblock %}footer  {% block footer %}    This is the default (overridable) footer.  {% endblock %}/footer

Y luego tus páginas reales usan esa plantilla como…

{% extends "parent.html" %}{% block footer %}  Special footer for this page.{% endblock %}

En xm, la sintaxis sigue siendo HTML-y, lo cual es bueno. Así que esto template.html…

slot name="header"/slotfooter  slot name="footer"/slot/footer

…se utiliza en una página como esta:

import src="template.html"  fill name="header"Custom Header/fill  fill name="footer"    pCustom footer/p  /fill/import

Muy limpio. El hecho adicional de que puedes colocar una markdownetiqueta arbitrariamente en cualquier lugar que desees y usar Markdown dentro de ella es muy útil.