Există toate aceste sarcini pe care trebuie să le facem ca dezvoltatori front-end. Concatenează și comprimă fișierele noastre. Rulați preprocesoarele noastre. Optimizați imaginile. Rulați teste. Lista continuă și continuă. Utilizarea diferitelor instrumente pentru toate este din ce în ce mai dificilă. Rularea lor manuală face mai rău și ușor de înșurubat.
Grunt este perfect pentru a controla toate acestea. Poate că sunteți familiarizat cu instrumente precum CodeKit (acoperite în acest screencast) pentru a face acest lucru. CodeKit este minunat. S-ar putea să vă gândiți la asta ca la o configurare Grunt cu o interfață drăguță. Grunt ar fi un înlocuitor pentru CodeKit dacă trebuie să faceți mai mult cu procesul dvs. de construcție decât oferă CodeKit.
În acest screencast acoperim cum să punem Grunt în funcțiune într-un proiect simplu. Acesta este menit să fie un videoclip însoțitor la un articol mai cuprinzător despre 24 de moduri.
Link-uri relevante:
- Asigurați-vă că ați făcut mai întâi: instalați nodul
- Grunt site: începutul
- My Grunt Boilerplate - ceea ce face ceea ce am făcut în acest screencast plus alte lucruri.
- Pluginuri Grunt despre care am vorbit: Uglify, Sass, Watch
Notă: Știu că sunt un Grunt newb. Aveți niște informații grozave pe care să le împărtășiți? Mi-ar plăcea să aud în comentarii. Știu că videoclipul este cam încurcat la sfârșit. Va repara.