Gulp 4 ga kirish

Gulp - bu vebsayt yaratishda tez-tez duch kelinadigan vazifalarni avtomatlashtirish vositasi: CSS va JavaScript fayllarini minimallashtirish, bir nechta fayllarni bittaga birlashtirish, LESS va SASS ni CSS ga aylantirish, TypeScript tilini JavaScript ga o'zgartirish va shu kabi vazifalar.

Uning ishlash printsipi quyidagicha: Gulp tizimi uchun vazifalar yoziladi, va Gulp bu vazifalarni belgilangan tartibda bajaradi.

Keling, Gulp ni o'rnataylik. Buning uchun buyruq qatorida quyidagi buyruqni bajarish kerak:

npm install --global gulp-cli

Endi Gulp dan foydalaniladigan loyihani yaratamiz. Buning uchun loyiha papkasida quyidagi fayl tuzilmasini yaratamiz:

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

Shuningdek, loyiha papkasiga package.json qo'shish kerak, Shundan so'ng Gulp ni loyihaga o'rnatish mumkin. Buning uchun buyruq qatorida, loyiha papkasida turgan holda, quyidagi buyruqni bajarish kerak:

npm install --save-dev gulp

Loyiha yarating va unga Gulp ni o'rnating.