Муқаддима ба 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-ро ба он насб кунед.