Gulp.js
Optymalizacja wydajności aplikacji webowych – techniki i narzędzia
Jak rozwijać aplikacje internetowe – strategie i narzędzia
Najlepsze praktyki tworzenia aplikacji internetowych
GulpJS – co to?
Darmowy i otwarty zestaw narzędzi, dzięki któremu można zbudować aplikacje w języku JavaScript. Powstał w 2013 roku, a jego twórcą jest Eric Schoffstall. Moduł pomaga uruchomić zadania oparte na Node.js oraz npm. Przyspiesza wykonywanie czasochłonnych i powtarzalnych zadań związanych z tworzeniem strony www, poprzez ich automatyzację, a wśród najpopularniejszych znajdują się m.in. minifikacja, pomijanie pamięci podręcznej, testowanie jednostkowe, optymalizacja.
Jak działa Gulp framework?
Wszystkie zadania są uruchamiane z wiersza poleceń, czyli CLI oraz wymagają użycia dwóch plików:
- package,json – instalowanie zależności przez npm,
- gulpfile,js – główny plik, w którym znajdują się definicje zadań.
Wymienione pliki muszą znajdować się w głównym folderze kodu źródłowego. Każde zadanie domyślne jest uruchamiane przez zastosowanie polecenia gulp właśnie w tym folderze. Poszczególne polecenia można definiować i uruchamiać za pomocą konkretnych komend.
Zalety Gulp JS
- Podział plików i łączenie ich w jeden.
- Minifikacja kodu.
- Zmiany w kodzie są sygnalizowane poprzez odświeżanie okna przeglądarki.
- Jest możliwość korzystania z SASS, Swig oraz Browserify.
- Pliki są dołączane do dokumentów HTML.
- Po optymalizacji obrazów pliki są kopiowane.
- Wsparcie dla testowania jednostkowego.
- Pomijanie pamięci podręcznej cache busting.
Najważniejszą zaletą Gulp jest oczywiście automatyzacja, a to przekłada się na skrócenie czasu wykonania całego projektu. Chętnie korzystają z tego narzędzia front-end developerzy.
Powiązane tagi:
- JavaScript
- Automatyzacja
- Frontend Development

Jakub

