Gulp 4-e giriş

Gulp - web sahypasyny işlemek wagtynda ýygy-ýygydan ýüze çykýan wezipeleri awtomatlaşdyrmak üçin gural: CSS we JavaScript faýllaryny kiçeltmek, birnäçe faýly bir faýlda birleşdirmek, LESS we SASS faýllaryny CSS-e öwürmek, TypeScript dilini JavaScript-e öwürmek we şuňa meňzeş wezipeler.

Onyň iş prinzipi şeýle: Gulp ulgamy üçin wezipeler ýazylýar, Gulp bolsa bu wezipeleri görkezilen tertipde ýerine ýetirýär.

Gulpy guruň. Bunuň üçin buýruk setirinde aşakdaky buýrugy ýerine ýetiriň:

npm install --global gulp-cli

Indi Gulp ulanylar proýekti dörediň. Bunuň üçin proýekt papkasyna aşakdaky faýl gurluşyny dörediň:

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

Şeýle hem proýekt papkasyna package.json faýly goşulmaly, Şondan soň Gulpy proýekte guruň. Bunuň üçin buýruk setirinde, proýekt papkasynda bolup, aşakdaky buýrugy ýerine ýetiriň:

npm install --save-dev gulp

Proýekt dörediň we ona Gulpy guruň.