Įvadas į Gulp 4

Gulp yra įrankis dažnai kylančioms svetainės kūrimo užduotims automatizuoti: CSS ir JavaScript failų minimizavimas, kelių failų sujungimas į vieną, LESS ir SASS transformavimas į CSS, TypeScript kalbos transformavimas į JavaScript ir panašios užduotys.

Jo veikimo principas toks: Gulp sistemai rašomos užduotys, o Gulp vykdo šias užduotis nurodyta seka.

Įdieškime Gulp. Tam komandinėje eilutėje reikia vykdyti komandą:

npm install --global gulp-cli

Dabar sukurkime projektą, kuriame bus naudojamas Gulp. Tam projekto aplanke sukursime šią failų struktūrą:

/src/
- /js/
  - script1.js
  - script2.js
  - script3.js
- /css/
  - styles1.css
  - styles2.css
- /img/
  - image1.png
  - image2.png
  - image3.png
- index.html

Taip pat į projekto aplanką reikia pridėti package.json, Po to galima įdiegti Gulp į projektą. Tam komandinėje eilutėje, būnant projekto aplanke, reikia vykdyti šią komandą:

npm install --save-dev gulp

Sukurkite projektą ir įdiekite į jį Gulp.