Sissejuhatus Gulp 4

Gulp on tööriist arenduse ajal sageli esinevate ülesannete automatiseerimiseks: CSS-i ja JavaScripti failide minimeerimine, mitme faili ühendamine üheks, LESS-i ja SASS-i teisendamine CSS-iks, TypeScripti keele teisendamine JavaScriptiks ja muud sarnased ülesanded.

Selle tööpõhimõte on järgmine: Gulp süsteemile kirjutatakse ülesanded ja Gulp täidab need ülesanded etteantud järjekorras.

Paigaldame Gulp. Selleks tuleb käsureal käivita järgmine käsk:

npm install --global gulp-cli

Nüüd loome projekti, kus kasutatakse Gulp. Selleks loome projekti kaustas järgmise failistruktuuri:

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

Samuti tuleb projekti kausta lisada package.json, Pärast seda saab Gulp projekti paigaldada. Selleks tuleb käsureal, olles projekti kaustas, käivitada järgmine käsk:

npm install --save-dev gulp

Loo projekt ja paigalda sellesse Gulp.