Gulp je multiplatformní nástroj pro streamování úloh, který vývojářům umožňuje automatizovat mnoho vývojových úloh. Na vysoké úrovni gulp čte soubory jako proudy a směruje proudy k různým úkolům. Tyto úlohy jsou založeny na kódu a používají zásuvné moduly. Úlohy upravují soubory a vytvářejí zdrojové soubory do produkčních souborů. Chcete-li si udělat představu o tom, co může gulp udělat, podívejte se na seznam receptů na gulp na GitHubu.

Předpoklady

Než nainstalujeme Gulp.js, budeme nejprve potřebovat několik věcí.

• Server se systémem Ubuntu 20.04 nebo 18.04. Používám vyhrazený server od  Spin servery .
• Asi 10 minut a šálek kávy nebo horkého čaje. Dávám přednost Vanilla Chai s trochou plnotučného mléka nebo mandlí podle toho, jakou mám ten den náladu.

Krok 1 – Upgradujte svůj systém

Nejprve vždy aktualizujte svůj systém před instalací jakéhokoli softwaru nebo prováděním změn. Chcete-li to provést, použijte tento příkaz:

$ sudo apt-get upgrade

Krok 2 – Nainstalujte Node.js

Abychom mohli nainstalovat Gulp, budeme muset nejprve nainstalovat úložiště Node.js.

$ curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -

Nainstalujte Node.js:

$ sudo apt-get install -y nodejs

Ověřte verzi:

$ node --version

Krok 4 – Vytvořte ukázkovou aplikaci s NPM

Vytvořte nový adresář aplikace. Nahraďte ‘název aplikace’ názvem dle vlastního výběru.

$ mkdir [app name]

Přejděte do vámi vytvořeného adresáře a vytvořte aplikaci.

$ cd [app name]
$ npm init

Poté budete dotázáni na několik otázek o aplikaci.

Krok 5 – Nainstalujte Gulp.js

Nainstalujte Gulp.js pomocí nástroje Gulp CLI.

$ npm install -g gulp-cli

Jakmile vás instalační program vyzve, změňte cestu k adresáři na název vaší aplikace.

$ cd /root/[app name]
$ npm install --save-dev gulp

Ověřte verzi Gulp.js.

$ gulp --version

Krok — Vytvoření aplikace Gulp

Nyní můžeme vytvořit ukázkovou aplikaci Gulp. Pomocí níže uvedeného příkazu vytvořte soubor.

$ nano /root/[app name]/gulpfile.js

Přidejte tento obsah do souboru:

var gulp = require('gulp');

gulp.task('hello', function(done) {
  console.log('Hello World!!!');
  done();
});

Uložte a ukončete soubor.

Spusťte úlohu Gulp.

$ gulp hello

Vaše aplikace Gulp.js je nyní spuštěna! :)