Ci sono tutte queste attività che dobbiamo svolgere come sviluppatori front-end. Concatena e comprimi i nostri file. Esegui i nostri preprocessori. Ottimizza le immagini. Esegui test. La lista potrebbe continuare all'infinito. Usare strumenti diversi per tutti loro sta diventando sempre più difficile. Eseguirli manualmente peggiora le cose e facili da sbagliare.
Grunt è perfetto per controllare tutto questo. Forse hai familiarità con strumenti come CodeKit (trattato in questo screencast) per fare questo genere di cose. CodeKit è fantastico. Potresti pensare che sia una configurazione Grunt davvero specifica con una bella interfaccia. Grunt sarebbe un sostituto di CodeKit se hai bisogno di fare di più con il tuo processo di compilazione rispetto a quanto offre CodeKit.
In questo screencast parleremo di come Grunt venga installato e funzionante su un progetto semplice. Questo dovrebbe essere un video di accompagnamento a un articolo più completo su 24 modi.
Link rilevanti:
- Assicurati di aver fatto prima: Installa Node
- Sito Grunt: come iniziare
- Il mio Grunt Boilerplate - che fa quello che abbiamo fatto in questo screencast più altre cose.
- Plugin Grunt di cui abbiamo parlato: Uglify, Sass, Watch
Nota: so di essere un novellino Grunt. Hai delle ottime informazioni su Grunt da condividere? Mi piacerebbe sentire nei commenti. Annnnnd so che il video è un po 'incasinato alla fine. Risolverà.