Er zijn al deze taken die we moeten doen als front-end ontwikkelaars. Voeg onze bestanden samen en comprimeer ze. Voer onze preprocessors uit. Optimaliseer afbeeldingen. Voer tests uit. De lijst gaat maar door. Het wordt steeds moeilijker om voor allemaal verschillende tools te gebruiken. Als u ze handmatig uitvoert, wordt het erger en gemakkelijk te verknoeien.
Grunt is perfect om dit allemaal in te dammen. Misschien ken je tools als CodeKit (behandeld in deze screencast) om dit soort dingen te doen. CodeKit is geweldig. Je zou het kunnen zien als een heel specifieke Grunt-setup met een mooie interface. Grunt zou een vervanging zijn voor CodeKit als je meer met je bouwproces moet doen dan CodeKit biedt.
In deze screencast behandelen we hoe je Grunt aan de slag kunt met een eenvoudig project. Dit is bedoeld als een begeleidende video bij een uitgebreider artikel op 24 manieren.
Relevante links:
- Zorg ervoor dat je het eerst hebt gedaan: Installeer Node
- Grunt-site: aan de slag
- My Grunt Boilerplate - wat doet wat we deden in deze screencast plus meer dingen.
- Grunt-plug-ins waar we het over hadden: Uglify, Sass, Watch
Opmerking: ik weet dat ik een Grunt-nieuweling ben. Heb je geweldige Grunt-informatie om te delen? Ik hoor het graag in de comments. Annnnnd ik weet dat de video aan het eind een beetje in de war is. Zal maken.