Introduktion till Gulp 4

Gulp är ett verktyg för att automatisera ofta förekommande uppgifter vid webbutveckling: minimering av CSS- och JavaScript-filer, sammanslagning av flera filer till en, omvandling av LESS och SASS till CSS, omvandling av språket TypeScript till JavaScript och liknande uppgifter.

Arbetsprincipen är följande: för systemet Gulp skrivs uppgifter, och Gulp utför dessa uppgifter i given ordning.

Låt oss installera Gulp. För detta behöver du i kommandoraden köra kommandot:

terminalnpm install --global gulp-cli

Nu skapar vi ett projekt där Gulp kommer att användas. För detta skapar vi i projektmappen följande filstruktur:

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

Även i projektmappen behöver du lägga till package.json, Efter detta kan du installera Gulp i projektet. För detta behöver du i kommandoraden, i projektmappen, köra följande kommando:

terminalnpm install --save-dev gulp