Jako front-end vývojáři musíme dělat všechny tyto úkoly. Zřetězit a komprimovat naše soubory. Spusťte naše preprocesory. Optimalizujte obrázky. Spusťte testy. Seznam pokračuje dál a dál. Používání různých nástrojů pro všechny je stále obtížnější. Jejich ruční spuštění to zhoršuje a je snadné je pokazit.
Grunt je ideální pro to, aby to všechno zvládl. Možná jste obeznámeni s nástroji, jako je CodeKit (zahrnutými v tomto screencastu) pro provádění takových věcí. CodeKit je skvělý. Možná vás to napadne jako opravdu specifické nastavení Grunt s pěkným rozhraním. Grunt by byl náhradou za CodeKit, pokud potřebujete s procesem sestavení udělat více, než nabízí CodeKit.
V tomto screencastu se věnujeme uvedení Grunt do provozu na jednoduchém projektu. Toto má být doprovodným videem ke komplexnějšímu článku o 24 způsobech.
Relevantní odkazy:
- Nejprve proveďte instalaci: Node
- Grunt site: Začínáme
- My Grunt Boilerplate - což dělá to, co jsme udělali v tomto screencastu a další věci.
- Grunt pluginy, o kterých jsme mluvili: Uglify, Sass, Watch
Poznámka: Vím, že jsem Grunt newb. Máte nějaké skvělé informace o Gruntovi ke sdílení? Rád bych slyšel v komentářích. Annnnnd, vím, že video je na konci trochu pokazené. Opraví.