Увядзенне ў 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.