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ň:

terminalnpm 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.jsscript2.jsscript3.js/css/styles1.cssstyles2.css/img/image1.pngimage2.pngimage3.pngindex.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ň:

terminalnpm install --save-dev gulp