Software house Grupa Improve Sp. z o.o. - ul. Marcelińska 94B/181 Poznań

Gulp.js

GulpJS to darmowy i otwartoźródłowy zestaw narzędzi, który ułatwia budowanie aplikacji w języku JavaScript. Stworzony w 2013 roku przez Erica Schoffstalla, GulpJS pozwala na automatyzację czasochłonnych i powtarzalnych zadań, takich jak minifikacja, testowanie jednostkowe czy optymalizacja, co znacząco przyspiesza proces tworzenia stron 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:

  1. JavaScript
  2. Automatyzacja
  3. Frontend Development

Nasza oferta

Umów się
na darmową konsultację