Introduzione a Gulp 4

Gulp è uno strumento per automatizzare compiti che si presentano frequentemente durante lo sviluppo di un sito web: minimizzazione di file CSS e JavaScript, fusione di più file in uno, conversione di LESS e SASS in CSS, conversione del linguaggio TypeScript in JavaScript e compiti simili.

Il suo principio di funzionamento è il seguente: per il sistema Gulp vengono scritte delle attività (task), e Gulp esegue queste attività nella sequenza specificata.

Installiamo Gulp. Per farlo, nella riga di comando è necessario eseguire il comando:

npm install --global gulp-cli

Ora creiamo un progetto in cui verrà utilizzato Gulp. Per farlo, nella cartella del progetto creiamo la seguente struttura di file:

/src/
- /js/
  - script1.js
  - script2.js
  - script3.js
- /css/
  - styles1.css
  - styles2.css
- /img/
  - image1.png
  - image2.png
  - image3.png
- index.html

Inoltre, nella cartella del progetto è necessario aggiungere package.json, Dopo di che, è possibile installare Gulp nel progetto. Per farlo, nella riga di comando, posizionati nella cartella del progetto, è necessario eseguire il seguente comando:

npm install --save-dev gulp

Crea un progetto e installa Gulp al suo interno.