Share
¿Qué es Gulp? Una descripción es que Gulp es un corredor de tareas. Otra sería que es un conjunto de herramientas para automatizar tareas que requieren mucho tiempo..
Como quiera llamarlo, hay una característica que sigue siendo cierta: la automatización. Vamos a profundizar un poco más ...
Básicamente, usa Gulp para automatizar las tareas que normalmente tendría que hacer manualmente, como compilar manualmente Sass, optimizar imágenes manualmente, actualizar manualmente su página en el navegador, etc..
Pues bien, estas tres acciones se pueden consolidar en tareas independientes. Luego tomas esas tareas y haces que Gulp las ejecute automáticamente. Es por eso que las herramientas como Gulp y Grunt se llaman corredores de tareas..
Una gran diferencia entre Gulp y los otros corredores de tareas es la forma en que maneja las operaciones de archivos. Gulp esencialmente pasará un flujo de datos de un complemento al siguiente sin realmente escribir ese flujo en un archivo temporal entre estas tareas. Eso se llama tubería o streaming.
Si busca en la web una definición de tubería, probablemente obtendrá algo muy técnico. Así que voy a intentar simplificarlo un poco. Un flujo de trabajo de Gulp funciona con varios complementos diferentes que realizan varias operaciones en ciertos archivos.
Para darle un ejemplo, el complemento Sass tomará un archivo Sass o SCSS y lo compilará en un archivo CSS. El complemento Uglify tomará un archivo JavaScript normal y lo reducirá.
Entonces, la cuestión con las tuberías es que puede tomar un conjunto de archivos y ejecutarlos a través de un conjunto de complementos o a través de un complemento. Y obtendría un tipo diferente de archivo al final, exactamente lo que dije con el complemento Sass. Comienzas con un archivo SCSS y terminas con un archivo CSS.
Normalmente, este tipo de tareas ejecutan los archivos temporales en el disco. Bueno, Gulp no hace eso, usa flujos de datos..
Por lo tanto, el contenido de ese archivo se conserva en realidad en un búfer, es básicamente un flujo de datos. Y se pasa de un complemento a otro hasta que llega a su destino final. Y entre estos complementos, esa secuencia pasa por algunos cambios.
Lo que puede hacer, por ejemplo, es comenzar con los archivos SCSS y pasarlos al complemento Sass. Ahora, el complemento Sass acepta archivos SCSS y devuelve archivos CSS. Por lo tanto, la secuencia de datos que se obtiene después del complemento Sass es diferente de la que ingresó al complemento..
Y luego puedes hacer más cosas con eso. Tal vez los ejecute a través de un reparador automático, ¿verdad? Así que Gulp tomará esa corriente de datos y la ejecutará a través del complemento autoprefixer, que acepta CSS en un archivo. Y también devuelve ese archivo CSS, pero en medio agrega todos los prefijos de proveedores necesarios. Así que también cambia el contenido de ese archivo..
Y finalmente, puede reducirlo, por ejemplo, o puede escribirlo en un disco. Así que eso es esencialmente cómo funciona la tubería. Usted pasa los datos al comienzo de la secuencia, y obtiene un tipo diferente de datos al final, y en el medio tiene estos puntos que realizan ciertas operaciones en esa secuencia de datos..
Así que espero que ahora tengas una comprensión básica de lo que es Gulp. Para obtener una imagen más clara, puede tomar el curso completo, la Guía del diseñador web para Gulp, en el que analizaremos cómo funciona Gulp con mucho más detalle..
Puede tomar este curso de inmediato con una suscripción a Envato Elements. Por una única tarifa mensual baja, obtiene acceso no solo a este curso, sino también a nuestra creciente biblioteca de más de 1,000 cursos de video y libros electrónicos líderes en la industria en Envato Tuts+.
Además, ahora obtiene descargas ilimitadas de la enorme biblioteca de Elementos Envato con más de 440,000 activos creativos. Cree con fuentes, fotos, gráficos y plantillas únicas, y entregue mejores proyectos más rápido.
Accentsconagua