# Shopware 5 Gulp Workflow **URL:** https://forum.shopware.com/t/shopware-5-gulp-workflow/37480 **Category:** Themes & Design **Created:** [15. Juni 2016 um 16:34 UTC](https://forum.shopware.com/t/shopware-5-gulp-workflow/37480 "2016-06-15T16:34:16Z") **Posts on this page:** 1 **Page:** 1
### Author: ![marek\_pudelko](https://avatars.discourse-cdn.com/v4/letter/m/db5fbb/32.png) [@marek\_pudelko](https://forum.shopware.com/u/marek_pudelko) #### Post date: [15. Juni 2016 um 16:34 UTC](https://forum.shopware.com/t/shopware-5-gulp-workflow/37480/1 "2016-06-15T16:34:16Z")
Hallo liebe Shopware 5 Frontendler, da ich selbst vor der Herausforderung stehe, ein komplettes Theme aufzubauen, habe ich mir einen Gulp Workflow gebaut. Erste Tests haben bei mit gegenüber Grunt einen deutlichen Performanceschub gezeigt. Das komprimieren der CSS mit „clean-css“ fällt deutlich höher aus. Der Unterschied liegt bei ca. 50 KB. Den Code findet Ihr unter [GitHub - magic-77/Shopware-5-Gulp](https://github.com/magic-77/Shopware-5-Gulp) Benutzt wird es folgendermaßen 1. npm i   ( notwendige Abhängigkeiten laden, braucht man nur einmal ) Entwicklung 1. gulp     ( startet den Watcher, CSS und JS sind hierbei unkomprimiert ) Produktion 1. gulp dist  ( komprimiert CSS und JS, kein Watcher ) zusätzliche Flags Entwicklung 1. gulp --shopId _number_  ( ist denke ich selbsterklärend ) 2. gulp --excludeSWtheme  ( überspringt das inkludieren der Shopware 5 Responsive Theme LESS Dateien )     Das habe ich eingebaut, für den Fall das das Theme komplett von dem SW5 Them abweicht, und man eh fast alle LESS Dateien verändern muss     Für diesen Zweck allerdings, sollte man vorher alle LESS Dateien des SW5 Themes in seinen eigenen Theme Ordner kopieren Produktion 1. gulp dist --shopId _number_  ( ist denke ich selbsterklärend ) 2. gulp dist --excludeSWtheme  ( überspringt das inkludieren der Shopware 5 Responsive Theme LESS Dateien ) …happy coding…