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:

npm 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.js
  - script2.js
  - script3.js
- /css/
  - styles1.css
  - styles2.css
- /img/
  - image1.png
  - image2.png
  - image3.png
- index.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:

npm install --save-dev gulp

Skapa ett projekt och installera Gulp i det.