In einem meiner vorherigen Blogposts habe ich euch Grunt vorgestellt. Dieses mal möchte ich, um den Nutzen von grunt nochmal hervorzuheben, hilfreiche Grunt Plugins vorstellen.Allgemeine Plugins
- grunt-contrib-copy
Kopiert Dateien und Verzeichnisse - grunt-contrib-concatVerkettet Dateien
- grunt-contrib-clean
Löscht Dateien in Verzeichnissen. Hilfreich um Temporäre Dateien wieder zu entfernen. - grunt-contrib-watch
Überwacht Verzeichnisse auf Dateiänderungen und führt bei Änderungen die hinterlegten Aufgaben aus.
CSS Plugins
- grunt-contrib-sass
Kompiliert Sass zu CSS Dateien - grunt-contrib-compass
Stellt das Compass Framework für Sass zur Verfügung - grunt-scss-lint
Prüft scss Dateien auf gültige Syntax - grunt-autoprefixer
Fügt automatisch CSS3 Browserpräfixe hinzu - grunt-combine-media-queries
Fügt Media-Queries mit gleichen Angaben zu einer Query zusammen - grunt-contrib-cssmin
Minified und komprimiert CSS Dateien - grunt-webfont
Erstellt aus SVG-Dateien eine Webfont
Javascript Plugins
- grunt-gjslint
Prüft Javascript auf gültige Syntax nach dem Google Closure Linter - grunt-contrig-uglify
Minified und kompriert Javascript Dateien
Bilder Plugins
- grunt-contrib-imagemin
Komprimiert Bilder
grunt kann eine Menge wiederkehrende Tasks übernehmen. Die komplette Liste der Plugins findest Du unter http://gruntjs.com/plugins. Wie man nun das Gruntfile aufbaut damit z.B. CSS Dateien automatisch immer minified werden zeige ich im nächsten Blogpost.