Bevezetés a Gulp 4 használatába

A Gulp egy olyan eszköz, amely automatizálja a weboldalfejlesztés során gyakran előforduló feladatokat: CSS és JavaScript fájlok minimalizálása, több fájl egyesítése egyetlen fájllá, LESS és SASS átalakítása CSS-sé, a TypeScript nyelv JavaScripté konvertálása és hasonló feladatok.

A működési elve a következő: a Gulp rendszerhez feladatokat írunk, és a Gulp ezeket a feladatokat a meghatározott sorrendben hajtja végre.

Telepítsük a Gulp-ot. Ehhez a parancssorban ki kell adni a következő parancsot:

npm install --global gulp-cli

Most hozzunk létre egy projektet, amelyben a Gulp-ot fogjuk használni. Ehhez a projekt mappájában hozzuk létre a következő fájlszerkezetet:

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

Ezenkívül a projekt mappába hozzá kell adni egy package.json fájlt. Ezt követően a Gulp telepíthető a projektbe. Ehhez a parancssorban, a projekt mappájában állva, ki kell adni a következő parancsot:

npm install --save-dev gulp

Hozz létre egy projektet és telepítsd bele a Gulp-ot.