# 130: Pierwsze chwile z Gruntem - CSS-Tricks

Anonim

Są wszystkie te zadania, które musimy wykonać jako deweloperzy front-endu. Połącz i skompresuj nasze pliki. Uruchom nasze preprocesory. Zoptymalizuj obrazy. Uruchom testy. Lista jest długa. Korzystanie z różnych narzędzi do wszystkich staje się coraz trudniejsze. Ręczne uruchamianie ich pogarsza i łatwo je schrzanić.

Grunt jest idealny do tego wszystkiego. Może znasz narzędzia takie jak CodeKit (omówione w tym screencastie) do robienia tego typu rzeczy. CodeKit jest świetny. Możesz myśleć o tym jak o naprawdę specyficznej konfiguracji Grunt z ładnym interfejsem. Grunt byłby zamiennikiem CodeKit, gdybyś musiał zrobić więcej z procesem kompilacji niż oferuje CodeKit.

W tym screencastie omawiamy uruchamianie Grunt w prostym projekcie. To ma być wideo towarzyszące bardziej obszernemu artykułowi na temat 24 sposobów.

Odpowiednie linki:

  • Upewnij się, że zrobiłeś to najpierw: Zainstaluj Node
  • Witryna Grunt: pierwsze kroki
  • My Grunt Boilerplate - który robi to, co zrobiliśmy w tym screencastie i więcej.
  • Wtyczki Grunt, o których rozmawialiśmy: Uglify, Sass, Watch

Uwaga: wiem, że jestem nowicjuszem Grunt. Masz świetne informacje o Grunt do udostępnienia? Bardzo chciałbym usłyszeć w komentarzach. Annnnnd Wiem, że wideo jest trochę pomieszane na końcu. Naprawi.