Shopware 5 Gulp Workflow

Shopware 5 Themes & Design
1

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

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…