Introduksjon til Gulp 4

Gulp er et verktøy for automatisering av oppgaver som ofte oppstår under utvikling av et nettsted: minimering av CSS- og JavaScript-filer, sammenslåing av flere filer til én, transformasjon av LESS og SASS til CSS, transformasjon av TypeScript-språket til JavaScript og lignende oppgaver.

Arbeidsprinsippet er som følger: for Gulp-systemet skrives oppgaver, og Gulp utfører disse oppgavene i spesifisert rekkefølge.

La oss installere Gulp. For å gjøre dette, i kommandolinjen må du utføre kommandoen:

terminalnpm install --global gulp-cli

La oss nå opprette et prosjekt der Gulp vil bli brukt. For å gjøre dette, i prosjektmappen, la oss opprette følgende filstruktur:

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

Også i prosjektmappen må du legge til package.json, Etter det kan du installere Gulp i prosjektet. For å gjøre dette, i kommandolinjen, mens du er i prosjektmappen, må du utføre følgende kommando:

terminalnpm install --save-dev gulp