Automatizando me veo más cool 😎

Muchas de las tareas que realizamos los desarrolladores se repiten una y otra vez como por ejemplo compilar Sass, Less o Stylus, refrescar nuestro navegador, comprimir los archivos javascript, etc. Para hacer todo menos tedioso y tener más tiempo para Netflix es que aparece nuestro nuevo mejor amigo, GULP.

Gulp es un automatizador de tareas (task runner) escrito en JavaScript que utiliza streams para la ejecución de estas pero, ¿qué es un stream? ok, ajusta el asiento que aquí vamos.🚀

Stream: La traducción literal significa corriente, arroyo, flujo. Pero en el mundillo de la programación, es una forma de obtener o depositar datos binarios de una fuente a otra en un flujo continuado, o sea, podemos decir que son como pequeñas corrientes de información.

Algunas de las tareas que podemos gestionar y automatizar son:

  • Compilación de archivos
  • Concatenación de archivos
  • Minificación de archivos
  • “Levantar” un servidor para la recarga automática en el navegador

Para poder llevar a cabo lo anterior definimos tasks es aquí donde escribimos la lógica de cada cosa que queramos automatizar.
Supongamos que estoy trabajando en un proyecto donde utilizo sass y unos snippets que tienen sus propios archivos css, quiero que gulp tome todos esos archivos y los convierta en uno solo y minificado llamado style.min.css. La lógica de nuestra task debería ser la siguiente:

Y nuestro nuevo archivo style.min.css que linkearemos a nuestro html quedaría así:


Dentro de este mundo también encontramos a Grunt, el cual utiliza una configuración en la que le indicamos todas las tareas disponibles para usar. En su sitio web podemos encontrar pluggins y tareas ya creadas.

¿Gulp o Grunt?🤔 Whatever, lo importante es saber utilizar la herramienta elegida a la perfección, obtener mayor eficiencia al momento de desarrollar y un código funcional.

Ahora Gulp haz lo tuyo! Breaking Bad por 4º vez me espera 🍿

Laboratoria Developers

Serie de posts, tutoriales y guías sobre desarrollo web 🚀 ❤️

Alexandra Neira Quiroz

Written by

Laboratoria Developers

Serie de posts, tutoriales y guías sobre desarrollo web 🚀 ❤️

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade