En Modyo, la carga de librerías externas es fácil de hacer y de mantener, aquí te mostramos el proceso de configuración basado en nuestros casos de uso más frecuentes.
La primera y menos recomendada es cargar las librerías directamente desde el CDN donde están alojadas.
En la Plataforma Modyo, en tu Sitio, ve a Plantillas, abrimos el Snippet de cabecera y cargamos las librerías con la etiqueta script.
Esta es la mejor opción a la hora de cargar librerías que vamos a utilizar en todo el sitio, para ello vamos a crear un nuevo snippet con el nombre de la librería que queremos añadir, si escribimos _js o _css como parte del nombre, nuestro editor establecerá la sintaxis correcta y nos ayudará con el Autocompletado.
Luego pegamos el código de la librería.
Luego pegamos el código del snippet en la hoja de estilos base de nuestro sitio.
Esto es muy similar al ejemplo anterior, pero ahora cargaremos el snippet dentro de un widget, para que sólo se cargue cuando se llame a este widget.
Si tienes un sitio en el que necesitas que muchas páginas carguen estas librerías, lo mejor es generar diferentes Layouts y añadir esos layouts individualmente a las páginas correspondientes.
Para ello, dentro de la Plataforma Modyo, ve a Plantillas, haz clic en + para añadir un nuevo Layout. Escribe un nombre que identifique el nuevo Layout.
Luego, crea un nuevo archivo JS haciendo clic en el + junto a la sección de JavaScript y dentro de este nuevo archivo, pega el snippet de la librería. (puedes pegarlo directamente o también puedes pegarlo como un snippet).
Por último, volvemos al layout 'Vue' y pegamos el código de la hoja JS debajo del head. Haz clic en Guardar y publica tu Layout.
Ahora puedes aplicar este Layout a tus páginas. Ve a una página y en sus propiedades, ahora puedes ver y aplicar el nuevo Layout.
Foto por James Harrison en Unsplash.
Carlos Solís
Descubre cómo Domain Driven Design te permite construir aplicaciones que se alinean perfectamente con tu negocio. Aplica DDD en arquitecturas de microservicios y micro frontends para crear soluciones más escalables y adaptables, aprovechando el potencial de Modyo.
Carlos Solís
La depuración es una parte esencial del desarrollo de software. Nos permite identificar y corregir errores, optimizando el rendimiento y la estabilidad de nuestras aplicaciones
Carlos Solís
Optimizar imágenes es esencial para cualquier sitio web, sobre todo si buscas que cargue rápido y ofrezca una buena experiencia de usuario