GULP to narzędzie, z którego korzystamy podczas większych zamówień dla klientów z obszaru IT. Umożliwia lepszą kontrolę nad czynnościami jakie zamierzamy wykonać na naszych js i css'ach. GULP ma dostępną masę wtyczek. Dodatki te automatyzują pracę i potrafią udoskonalić nasz finalny produkt.
Instalacja gulp
Zarówno GULP jak i wtyczki do narzędzia są dostępne w zbiorze Node.js (npm).
npm install gulp -g
gdzie opcja -g mówi o globalnej instalacji gulpa (po to, by wywołując komendę "gulp" system operacyjny potrafił ją odpowiednio zinterpretować. Następnie musimy zainstalować GULP'a w naszym projekcie.
Jeżeli masz zainstalowany w systemie pakiet node.js npm to zapewne wiesz do czego służy polecenie
npm init
Tworzy ono nowy dokument package.json w naszym projekcie odpowiadający za informacje o zależnościach w projekcie, oraz licencji, autorze czy wersji.
Teraz powinniśmy zainstalować w naszym projekcie gulpa ze zbioru npm.
npm install gulp --save-dev
Prosty przykład wykorzystania gulp.task
W tym momencie nasz projekt został wyposażony w dodatek. Przykładem nieco nonsensownego zastosowania taksu będzie wyświetlenie w konsoli komunikatu. By rozpocząć pracę tworzymy dokument gulpfile.js a w nim zamieszczamy kod:
var gulp = require('gulp');
gulp.task('default', function() {
console.log('Witaj Świecie.');
});
Wywołanie komendy
gulp
spowoduje wyświetlenie w naszej konsoli wyniku:
[19:36:50] Using gulpfile ~/kurs/gulpfile.js
[19:36:50] Starting 'default'...
Witaj Świecie.
[19:36:50] Finished 'default' after 112 μs