Gulp er en task-runner, der gør det ultra nemt at strukturere både CSS og JavaScript m.m. i udvikling af applikationer til bl.a. web. Her er et udvalg af Gulp-plugins jeg bruger
CSS
gulp-sass
Jeg bruger ikke meget af funktionaliteten i SASS og bevæger mig nok længere væk fra det da det ikke er et værktøj jeg får meget ud af. Men bruger man SASS er gulp-sass nemt at bruge.
Link: https://www.npmjs.com/package/gulp-sass
gulp-concat-css
Kan bruges til at sætte flere stylesheets sammen til et stylesheet. Jeg bruger det selv når jeg bruger SMACSS-konventionen. NB! Bruger man dette plugin sammen med andre plugins til CSS som f.eks. et plugin til at minify’e CSS er det en god idé at være opmærksom på rækkefølgen af tasks man laver, så man f.eks. bruger gulp-concat-css til at sætte stylesheets sammen før man andre plugins kommer ind over forløbet
Link: https://www.npmjs.com/package/gulp-concat-css
gulp-clean-css
Bruges til at minify’e CSS
Link: https://www.npmjs.com/package/gulp-clean-css
gulp-autoprefixer
Det kan være irriterende at holde styr på, hvilke CSS-properties, der skal prefixes og, hvilke browsere de skal prefixes til. Derfor er gulp-autoprefixer et fantastisk værktøj
Link: https://www.npmjs.com/package/gulp-autoprefixer
gulp-cssimport
Med dette plugin kan man bruge import-reglen i CSS og Gulp sørger for at lægge alle stylesheets sammen ud fra import-reglen.
Link: https://www.npmjs.com/package/gulp-cssimport
Git
Gulp-git gør det nemt at versionere / lave backup af det arbejde man har lavet. Det skal siges, at Git til Gulp giver mening, hvis man laver små rettelser man vil gemme til et Git-repository. Har man større ændringer, der kræver specifikke adds og mere uddybende kommentarer, så giver det mening at bruge Gits egen CLI.
Meget hjælpsomt, tak 🙂