storefront:hot kennt style Reihenfolge aus der theme.json nicht

Hallo, 

ich würde gerne ./psh.phar storefront:hot oder auch gerne ./psh.phar storefront:watch zur Theme Entwicklung nutzen, ABER:

Beim Kompilieren mit storefront:hot scheint dieser meine Variablen nicht zu kennen und bircht daher mit einem Fehler ab.

In der theme.json gebe ich meine variables.scss, welche einige Importe durchführt, und meine base.scss an. Damit bin ich in der Lage Bootstrap und Shopware Variablen zu überschreiben.
Bei bin/console theme:compile läuft auch alles sauber durch.

"style": [
    "app/storefront/src/scss/variables.scss",
    "@Storefront",
    "app/storefront/src/scss/base.scss"
],

 

Importire ich nun in der base.scss noch einmal die variabless.scss kann auch storefront:hot etwas damit anfangen. Und wirft mir weitere (nachgelagerte) Fehler, dass er relative Pfade nicht finden kann… Ich nehmen nun aber an, dass er die Variablen kennt… damit ist es aber nicht mehr möglich, Variablen aus Bootstrap und Shopware zu überschreiben.

Bug?

Hi @mdsw‍,

hast du die aktuelle 6.1.3 Version? Magst du mal zum Testen, deine variables.scss in „overrides.scss“ umbenennen? In 6.1.3 wird „overrides.scss“ via webpack includiert und müsste dementsprechend auch so heißen.

Viele Grüße
Tobias

1 Like

[@Tobias Berge](http://forum.shopware.com/profile/20591/Tobias Berge “Tobias Berge”)‍
Meine Version ist schon ca. zwei Wochen alt. Ich kann allerdings nicht updaten, siehe: https://forum.shopware.com/discussion/64736/installationsprobleme-shopware-6-dev#latest

 

[@Tobias Berge](http://forum.shopware.com/profile/20591/Tobias Berge “Tobias Berge”)‍

Ich konnte eine neue Version einspielen. 

 

storefront:hot
Mittlerweile scheint ihr das Problem mit den Variablen gelöst zu haben. Eine Umbenennung der Datei in overloads.scss war nicht mehr notwendig.

Es besteht nun aber das Problem, dass relative Pfade als Fehler geworfen werden. Das Problem wird auch hier diskutiert: 
https://forum.shopware.com/discussion/62988/theme-compile-nach-jeder-scss-anderung-aufrufen

ℹ Compiling Shopware 6 Storefront
✔ Shopware 6 Storefront: Compiled with some errors in 5.91s
ERROR Failed to compile with 19 errors1:16:58 PM
        
These relative modules were not found:
        
* ../assets/font/rubik-v9-latin-500.eot in ./node_modules/css-loader/dist/cjs.js??ref--8-1!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/lib/loader.js??ref--8-3!/home/vagrant/shopware-dev/var/theme-entry.scss

[...]

 

storefront:watch kompiliert zwar, wenn ich die Dateien mit den relativen Pfaden auskommentiere - es erscheinen aber keine neuen kompilieren Dateiem im Frontend… also keine Veränderung. Der Watcher kompiliert auch nur initial… ansonsten merkt er Veränderungen nicht. storefront:hot jedoch schon.