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 ни ўрнатинг.