Uvod v Gulp 4

Gulp je orodje za avtomatizacijo pogostih nalog pri razvoju spletnega mesta: minimizacija CSS in JavaScript datotek, združevanje več datotek v eno, pretvorba LESS in SASS v CSS, pretvorba jezika TypeScript v JavaScript in podobnih nalog.

Načelo delovanja je naslednje: za sistem Gulp se napišejo naloge, Gulp pa te naloge izvede v določenem zaporedju.

Namestimo Gulp. Za to v ukazni vrstici je treba izvesti ukaz:

npm install --global gulp-cli

Zdaj ustvarimo projekt, v katerem bo uporabljen Gulp. Za to v mapi projekta ustvarimo naslednjo datotečno strukturo:

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

Prav tako je treba v mapo projekta dodati package.json, Nato lahko namestimo Gulp v projekt. Za to je treba v ukazni vrstici, ko se nahajate v mapi s projektom, izvesti naslednji ukaz:

npm install --save-dev gulp

Ustvarite projekt in vanj namestite Gulp.