Ներածություն 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-ը: