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:

terminalnpm 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.jsscript2.jsscript3.js/css/styles1.cssstyles2.css/img/image1.pngimage2.pngimage3.pngindex.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:

terminalnpm install --save-dev gulp