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:
npm 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.js
- script2.js
- script3.js
- /css/
- styles1.css
- styles2.css
- /img/
- image1.png
- image2.png
- image3.png
- index.html
- /js/
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:
npm install --save-dev gulp
Opprett et prosjekt og installer Gulp i det.
