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í:

El mundo de los tasks runners

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 🍿