Gulp 4-ке кіріспе

Gulp - бұл сайт әзірлеу кезінде жиі кездесетін міндеттерді автоматтандыру құралы: CSS және JavaScript файлдарын минимизациялау, бірнеше файлды бір файлға біріктіру, LESS және SASS CSS-ке түрлендіру, TypeScript тілін JavaScript-ке түрлендіру және басқа да ұқсас міндеттер.

Оның жұмыс принципі келесідей: Gulp жүйесі үшін тапсырмалар жазылады, ал Gulp бұл тапсырмаларды белгіленген ретпен орындайды.

Gulp-ті орнатайық. Ол үшін командалық жолда мына команданы орындау керек:

npm install --global gulp-cli

Енді Gulp қолданылатын жобаны жасайық. Ол үшін жобаның бумасында келесі файлдық құрылымды жасаймыз:

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

Сондай-ақ жоба бумасына package.json қосу керек, Осыдан кейін Gulp-ті жобаға орнатуға болады. Ол үшін командалық жолда, жобаның бумасында тұрып, келесі команданы орындау қажет:

npm install --save-dev gulp

Жоба жасап, оған Gulp-ті орнатыңыз.