Es gibt all diese Aufgaben, die wir als Front-End-Entwickler erledigen müssen. Verketten und komprimieren Sie unsere Dateien. Führen Sie unsere Präprozessoren aus. Bilder optimieren. Führen Sie Tests durch. Die Liste geht weiter und weiter. Die Verwendung unterschiedlicher Tools für alle wird immer schwieriger. Wenn Sie sie manuell ausführen, wird es schlimmer und es ist einfach, Fehler zu machen.
Grunt ist perfekt, um all dies einzudämmen. Vielleicht kennen Sie Tools wie CodeKit (in diesem Screencast behandelt), um solche Dinge zu tun. CodeKit ist großartig. Sie können sich das als ein wirklich spezifisches Grunt-Setup mit einer schönen Oberfläche vorstellen. Grunt wäre ein Ersatz für CodeKit, wenn Sie mehr mit Ihrem Erstellungsprozess tun müssen, als CodeKit bietet.
In diesem Screencast behandeln wir, wie Grunt ein einfaches Projekt zum Laufen bringt. Dies soll ein Begleitvideo zu einem umfassenderen Artikel über 24 Möglichkeiten sein.
Relevante Links:
- Stellen Sie sicher, dass Sie zuerst Folgendes getan haben: Installieren Sie den Knoten
- Grunzstelle: Erste Schritte
- Mein Grunt Boilerplate - das macht das, was wir in diesem Screencast gemacht haben und noch mehr.
- Grunz-Plugins, über die wir gesprochen haben: Uglify, Sass, Watch
Hinweis: Ich weiß, dass ich ein Grunt-Neuling bin. Hast du tolle Grunzinformationen zum Teilen? Ich würde gerne in den Kommentaren hören. Annnnnd ich weiß, dass das Video am Ende irgendwie durcheinander ist. Wird behoben.