# 130: Első pillanatok a morgással - CSS-trükkök

Anonim

Vannak ezek a feladatok, amelyeket elülső fejlesztőként kell elvégeznünk. Összekapcsoljuk és tömörítjük a fájljainkat. Futtassa az előfeldolgozóinkat. Optimalizálja a képeket. Futtasson teszteket. A lista folytatódik. Különböző eszközök használata mindegyikhez egyre nehezebb. Manuális futtatásuk még rosszabbá teszi, és könnyen felcsavarható.

A Grunt tökéletesen alkalmas mindezek visszafogására. Lehet, hogy Ön ismeri az olyan eszközöket, mint a CodeKit (amelyet ebben a képernyőn bemutat) az efféle dolgok végrehajtásához. A CodeKit nagyszerű. Gondolhat rá, mint egy igazán sajátos Grunt-beállítás, egy szép felülettel. A Grunt a CodeKit helyettesítője lenne, ha többet kell tennie az építési folyamatával, mint amennyit a CodeKit kínál.

Ebben a képernyőn a Grunt elindítását és egy egyszerű projekten való futtatását tárgyaljuk. Ez egy átfogóbb, 24 módon átfogó cikk kísérővideója.

Releváns linkek:

  • Győződjön meg róla, hogy először megtette: Telepítse a Csomópontot
  • Grunt site: kezdő lépések
  • My Grunt Boilerplate - amely azt csinálja, amit ebben a képernyőn és további dolgokban tettünk.
  • Grunt pluginok, amelyekről beszéltünk: Uglify, Sass, Watch

Megjegyzés: Tudom, hogy Grunt újonc vagyok. Van néhány remek Grunt információ, amit meg lehet osztani? Szívesen hallanám a kommentekben. Annnnnd tudom, hogy a videó eléggé elrontott a végén. Megjavítja.