Det finns alla dessa uppgifter som vi måste göra som frontend-utvecklare. Sammankoppla och komprimera våra filer. Kör våra förprocessorer. Optimera bilder. Kör tester. Listan fortsätter och fortsätter. Att använda olika verktyg för dem alla blir allt svårare. Att köra dem manuellt gör det värre och lätt att skruva upp.
Grunt är perfekt för att tygla allt detta i. Kanske är du bekant med verktyg som CodeKit (täckt av denna skärmdump) för att göra den här typen av saker. CodeKit är jättebra. Du kanske tänker på det som riktigt specifik Grunt-installation med ett trevligt gränssnitt. Grunt skulle ersätta CodeKit om du behöver göra mer med din byggprocess än vad CodeKit erbjuder.
I den här filmskärmen täcker vi att få Grunt igång på ett enkelt projekt. Detta är tänkt att vara en medföljande video till en mer omfattande artikel på 24 sätt.
Relevanta länkar:
- Se till att du har gjort först: Installera nod
- Grunt site: komma igång
- My Grunt Boilerplate - vilket gör vad vi gjorde i den här skärmutsändningen plus fler saker.
- Grunt plugins vi pratade om: Uglify, Sass, Watch
Obs: Jag vet att jag är en nybörjare. Har du bra Grunt-information att dela? Jag skulle gärna höra i kommentarerna. Annnnnd Jag vet att videon är ganska trasig i slutet. Ska fixa.