Portada Blog

Octa.Beta v.0.3

dijous 1 octubre 2015 per

Gulp: automatització de processos

Si et dediques al desenvolupament front-end, segurament hauràs sentit a parlar últimament sobre l’automatizació de tasques i processos. Com la majoria de feines, la de la codificació d’interfícies web està plena de tasques repetitives que hem de completar una i altra vegada, projecte rere projecte. És per això que disposem d’eines que ens poden ajudar, i d’aquesta manera podem optimitzar el temps dedicat a cada feina. Les més conegudes són Grunt, Gulp i Broccoli.

A Antaviana apostem per Gulp, un gestor de tasques que automatitza allò que fins ara haviem de fer manualment, de forma força senzilla i amb una corba d’aprenentatge curta. Des del primer moment en podem treure profit, i mica en mica podem anar afegint noves tasques al nostre procés.

En definitiva, Gulp serveix per configurar un fluxe de treball de forma automàtica.

Així per exemple, aplicant l’eina a una feina de maquetació d’un web, amb una simple comanda podem:

  • Posar en marxa un servidor web on visualitzar el que estem muntant.
  • Refrescar tots els navegadors que tinguem oberts cada vegada que actualitzem un document (HTML, CSS, JavaScript o imatges).
  • Utilitzar preprocessadors com Sass o LESS, i obtenir el codi CSS minificat.
  • Optimitzar el CSS, el JavaScript i les imatges.
  • Concatenar una sèrie de fitxers JavaScript.
  • Afegir els prefixos de navegador necessaris per a les propietats de CSS.
  • Eliminar les declaracions de CSS que no s’utilitzen en el document final.
  • Compilar les plantilles d’HTML construïdes amb Jade, Handlebars, Nunjucks o similar.

Aquesta és només una petita mostra del que podem arribar a fer amb Gulp. La llista de plugins és immensa, i segur que hi pots trobar alguna cosa que t’ajudi a millorar els teus processos.

Si vols saber més coses sobre Gulp (instal·lació, funcionament…), pots fer un cop d’ull a aquests enllaços:

Pujar

Can Antaviana

Santa Justina 29 25400 Les Borges Blanques (Lleida) Tel: 973 14 34 81