Увядзенне ў Gulp 4

Gulp - гэта інструмент для аўтаматызацыі часта ўзнікаючых пры распрацоўцы сайта задач: мінімізацыі CSS і JavaScript файлаў, зліцця некалькіх файлаў у адзін, пераўтварэння LESS і SASS у CSS, пераўтварэння мовы TypeScript у JavaScript і падобных задач.

Прынцып яго работы наступны: для сістэмы Gulp пішуцца заданні, а Gulp выконвае гэтыя заданні ў зададзенай паслядоўнасці.

Давайце ўсталюем Gulp. Для гэтага ў камандным радку трэба выканаць каманду:

terminalnpm install --global gulp-cli

Цяпер створым праект, у якім будзе выкарыстоўвацца Gulp. Для гэтага ў папцы праекта створым наступную файлавую структуру:

• /src//js/script1.jsscript2.jsscript3.js/css/styles1.cssstyles2.css/img/image1.pngimage2.pngimage3.pngindex.html

Таксама ў папку праекта трэба дадаць package.json, Пасля гэтага можна ўсталяваць Gulp у праект. Для гэтага ў камандным радку, знаходзячысь у папцы з праектам, неабходна выканаць наступную каманду:

terminalnpm install --save-dev gulp