# 130: Prvé chvíle s Gruntom Triky CSS

Anonim

Ako front end vývojári musíme robiť všetky tieto úlohy. Zreťazte a skomprimujte naše súbory. Spustite naše preprocesory. Optimalizujte obrázky. Spustiť testy. Zoznam pokračuje ďalej a ďalej. Používanie rôznych nástrojov pre všetky z nich je čoraz ťažšie. Ich manuálne spustenie to ešte zhoršuje a je ľahké ich pokaziť.

Grunt je ideálny na zdokonalenie tohto všetkého. Možno sú vám známe nástroje ako CodeKit (uvedené v tomto vysielaní), ktoré vám umožnia robiť podobné veci. CodeKit je skvelý. Možno vás napadne ako skutočne špecifické nastavenie Grunt s pekným rozhraním. Grunt by bol náhradou za CodeKit, ak potrebujete so svojím procesom zostavenia urobiť viac, ako ponúka CodeKit.

V tomto obrazovom vysielaní sa venujeme uvedeniu Grunt do prevádzky a prevádzkovaniu jednoduchého projektu. Toto má byť sprievodným videom k komplexnejšiemu článku, ktorý sa týka 24 spôsobov.

Relevantné odkazy:

  • Uistite sa, že ste urobili ako prvé: Nainštalujte uzol
  • Grunt site: začíname
  • My Grunt Boilerplate - čo robí to, čo sme urobili v tomto screencaste, a ešte viac vecí.
  • Grunt pluginy, o ktorých sme hovorili: Uglify, Sass, Watch

Poznámka: Viem, že som Gruntov nováčik. Máte nejaké skvelé informácie od spoločnosti Grunt, ktoré chcete zdieľať? Rád by som počul v komentároch. Annnnnd Viem, že video je na konci trochu pokazené. Opravia.