Inleiding tot Gulp 4

Gulp is een tool voor het automatiseren van vaak voorkomende taken bij de ontwikkeling van een website: het minimaliseren van CSS- en JavaScript-bestanden, het samenvoegen van meerdere bestanden tot één, het omzetten van LESS en SASS naar CSS, het omzetten van de taal TypeScript naar JavaScript en soortgelijke taken.

Het werkingsprincipe is als volgt: voor het Gulp-systeem worden taken geschreven, en Gulp voert deze taken uit in de gespecificeerde volgorde.

Laten we Gulp installeren. Voer hiervoor in de opdrachtregel volgende opdracht uit:

Laten we nu een project aanmaken waarin Gulp wordt gebruikt. Maak hiervoor in de projectmap de volgende bestandsstructuur aan:

Ook moet het bestand package.json aan de projectmap worden toegevoegd. Daarna kan Gulp in het project worden geïnstalleerd. Voer hiervoor in de opdrachtregel, terwijl je je in de projectmap bevindt, de volgende opdracht uit: