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-ту орнотуңуз.