Share
Ce este Gulp? O descriere este că Gulp este un alergător. Un alt lucru ar fi că este un set de instrumente pentru automatizarea sarcinilor consumatoare de timp.
Orice doriți să o numiți, există o caracteristică care rămâne adevărată: automatizarea. Să săpăm puțin mai adânc ...
Practic, utilizați Gulp pentru a automatiza lucruri pe care ar trebui să le faceți în mod manual, cum ar fi compilarea manuală a Sass, optimizarea manuală a imaginilor, actualizarea manuală a paginii în browser și așa mai departe.
Ei bine, aceste trei acțiuni pot fi consolidate în sarcini independente. Apoi le-ați lua aceste sarcini și le-ați rula Gulp în mod automat. De aceea, unelte cum ar fi Gulp și Grunt sunt numiți alergători.
O diferență foarte mare între Gulp și ceilalți alergători de sarcini este modul în care se ocupă de operațiile de fișiere. Gulp va transmite, în esență, un flux de date de la un plugin la altul, fără a scrie într-adevăr un flux într-un fișier temporar între aceste sarcini. Aceasta se numește conducte sau streaming.
Dacă căutați pe web o definiție pentru conducte, veți obține probabil ceva foarte tehnic. Deci o să încerc să o simplific puțin. Un flux de lucru Gulp funcționează cu mai multe pluginuri diferite care efectuează diverse operații pe anumite fișiere.
Pentru a vă oferi un exemplu, pluginul Sass va lua un fișier Sass sau SCSS și îl va compila într-un fișier CSS. Pluginul Uglify va lua un fișier JavaScript normal și îl va micșora.
Deci, problema cu piping este că puteți lua un set de fișiere și le puteți rula printr-un set de pluginuri sau printr-un plugin. Și în final ați obține un alt tip de fișier, exact ceea ce am spus cu plugin-ul Sass. Începeți cu un fișier SCSS și ajungeți la un fișier CSS.
În mod normal, aceste tipuri de alergători vor scrie fișiere temporare pe disc. Ei bine, Gulp nu face asta - folosește fluxuri de date.
Deci, conținutul acelui fișier este de fapt păstrat într-un buffer - este un flux de date în esență. Și tocmai a trecut de la plugin la plugin până când ajunge la destinația finală. Și între aceste pluginuri, acel flux trece prin unele schimbări.
Deci, ce puteți face, de exemplu, este să începeți cu fișierele SCSS și să le transferați în pluginul Sass. Acum pluginul Sass acceptă fișiere SCSS și returnează fișiere CSS. Deci, fluxul de date pe care îl obțineți după pluginul Sass este diferit de cel care a intrat în plugin.
Și apoi puteți face mai multe lucruri cu asta. Poate că îi conduci printr-un autoprefixer, nu? Deci, Gulp va prelua acel flux de date și o va executa prin pluginul autoprefixer, care acceptă un fișier CSS. Și, de asemenea, returnează acest fișier CSS, dar între el adaugă toate prefixele furnizorilor necesari. Deci, de asemenea, modifică conținutul fișierului.
În sfârșit, puteți să-l minimalizați, de exemplu, sau să-l puteți scrie pe un disc. Deci, în esență, modul în care funcționează conductele. Transmiteți datele la începutul fluxului și obțineți la sfârșit un alt tip de date și în mijloc aveți acele puncte care efectuează anumite operații pe acel flux de date.
Deci, sperăm că aveți acum o înțelegere de bază a ceea ce este Gulp. Pentru a obține o imagine mai clară, puteți lua cursul complet, Ghidul Designerului Web pentru Gulp, în care vom vedea cum funcționează Gulp într-un mod mai detaliat.
Puteți lua acest curs imediat cu un abonament la Envato Elements. Pentru o singură taxă lunară redusă, veți avea acces nu numai la acest curs, ci și la biblioteca noastră în creștere de peste 1.000 de cursuri video și cărți electronice de vârf din industria Envato Tuts+.
În plus, acum beneficiați de descărcări nelimitate de la biblioteca imensă Envato Elements de 440.000 de active creative. Creează cu fonturi, fotografii, grafică și șabloane unice și oferă proiecte mai bune mai rapid.
Accentsconagua