# 130: Prvi trenuci s Gruntom - CSS-trikovi

Anonim

Postoje svi ti zadaci koje moramo obaviti kao prednji programeri. Spajajte i komprimirajte naše datoteke. Pokrenite naše pretprocesore. Optimizirajte slike. Pokrenite testove. Popis se nastavlja i nastavlja. Korištenje različitih alata za sve njih postaje sve teže. Ako ih ručno pokrenete, to je još gore i lako se zeznuti.

Grunt je savršen za obuzdavanje svega ovoga. Možda su vam poznati alati poput CodeKit-a (pokriveni u ovom screencast-u) za ovakve stvari. CodeKit je sjajan. Mogli biste to pomisliti kao stvarno specifične Gruntove postavke s lijepim sučeljem. Grunt bi bio zamjena za CodeKit ako trebate učiniti više sa svojim postupkom izrade nego što CodeKit nudi.

U ovom screencast-u opisujemo kako Grunta pokrenuti i pokrenuti na jednostavnom projektu. Ovo bi trebao biti popratni video za sveobuhvatniji članak na 24 načina.

Relevantne poveznice:

  • Prvo provjerite jeste li učinili: Instalirajte Node
  • Stranica Grunt: početak
  • Moj Grunt Boilerplate - koji čini ono što smo učinili u ovom screencastu, plus još stvari.
  • Grunt dodaci o kojima smo razgovarali: Uglify, Sass, Watch

Napomena: Znam da sam novopečeni Grunt. Imate neke izvrsne informacije o Gruntu za dijeljenje? Volio bih čuti u komentarima. Annnnnd znam da je video nekako zbrkan na kraju. Popravit će.