Det er alle disse oppgavene vi må gjøre som frontend-utviklere. Sammenslå og komprimere filene våre. Kjør våre forprosessorer. Optimaliser bilder. Kjør tester. Listen fortsetter og fortsetter. Å bruke forskjellige verktøy for dem alle blir stadig vanskeligere. Å kjøre dem manuelt gjør det verre og enkelt å skru opp.
Grunt er perfekt for å reining alt dette i. Kanskje du er kjent med verktøy som CodeKit (dekket i denne screencast) for å gjøre denne typen ting. CodeKit er flott. Du kan tenke på det som et veldig spesifikt Grunt-oppsett med et fint grensesnitt. Grunt ville være en erstatning for CodeKit hvis du trenger å gjøre mer med byggeprosessen enn CodeKit tilbyr.
I denne screencasten dekker vi for å få Grunt i gang med et enkelt prosjekt. Dette er ment å være en medfølgende video til en mer omfattende artikkel på 24 måter.
Relevante lenker:
- Forsikre deg om at du har gjort det først: Installer Node
- Grunt-side: komme i gang
- My Grunt Boilerplate - som gjør det vi gjorde i denne screencast pluss flere ting.
- Grunt-plugins vi snakket om: Uglify, Sass, Watch
Merk: Jeg vet at jeg er en nybegynner fra Grunt. Har du god Grunt-informasjon å dele? Jeg vil gjerne høre i kommentarene. Annnnnd Jeg vet at videoen er litt ødelagt på slutten. Vil fikse.