Gulp 4-ə Giriş

Gulp - veb saytın inkişafı zamanı tez-tez qarşıya çıxan tapşırıqların avtomatlaşdırılması üçün bir alətdir: CSS və JavaScript fayllarının kiçildilməsi, bir neçə faylın bir faylda birləşdirilməsi, LESS və SASS-in CSS-ə çevrilməsi, TypeScript dilinin JavaScript-ə çevrilməsi və bu kimi tapşırıqlar.

Onun iş prinsipi aşağıdakı kimidir: Gulp sistemi üçün tapşırıqlar yazılır və Gulp bu tapşırıqları müəyyən edilmiş ardıcıllıqla yerinə yetirir.

Gəlin Gulp-u quraşdıraq. Bunun üçün əmr sətrində aşağıdakı əmri yerinə yetirmək lazımdır:

npm install --global gulp-cli

İndi Gulp-un istifadə olunacağı bir layihə yaradaq. Bunun üçün layihə qovluğunda aşağıdakı fayl strukturunu yaradaq:

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

Həmçinin layihə qovluğuna package.json əlavə edilməlidir. Bundan sonra layihəyə Gulp quraşdırmaq olar. Bunun üçün əmr sətrində, layihənin olduğu qovluqda olmaqla, aşağıdakı əmri yerinə yetirmək lazımdır:

npm install --save-dev gulp

Bir layihə yaradın və ona Gulp quraşdırın.