/vendor/bootstrap einbinden - Fehler im :build Modus, In Parser.php .. Unopened {

Shopware 6 (German) Themes & Design
1

In meiner base.scss in einem Theme Plugin muss ich ja etliche core scss Dateien einbinden, damit auch custom Variablen usw. übernommen werden.

Daher binde ich unter anderem auch die vendor bootstrap ein:

@import './../../../../../../../platform/src/Storefront/Resources/src/style/vendor/bootstrap';

Im hot-reload Modus funktioniert alles ohne Probleme - Sobald man das Theme allerdings mit dem :build Modus kompilieren will, bekomme ich den Fehler:

In Parser.php line 133:
                              
  Unopened { [line no: 7708]

Die storefront wird aufgrund dieses Fehler im :build Modus nicht kompiliert. Dieser Fehler resultiert aus der bootstrap.scss Die /vendor/bootstrap referenziert aus dem core theme wiederum auf

@import '~vendor/bootstrap/scss/bootstrap';

Hier scheint es dann irgendwo zu hacken. Hat jemand dasselbe Problem? Ist der Fehler bekannt? Mache ich es falsch?

2

Ich Habe das Style des Storefronts einfach komplett aus meiner theme.json raus gehauen und die vendor ordner in mein Theme-Plugin kopiert… zu erst probiert zu fruckeln und die Storefront Styles zu überschreiben, aber nach ca 23489 Wutausbrüchen mich entschieden es clean zu machen :smiley:

1 „Gefällt mir“
3

Ja das ist totaler Murx mit den ganzen Imports … :smiley:

Ich frage mich was da tatsächlich der richtige Weg ist bei einem Theme Plugin …

Danke dir, dann werde ich das wohl auch mal so machen :stuck_out_tongue:

4

[@Moritz Naczenski](http://forum.shopware.com/profile/14574/Moritz Naczenski “Moritz Naczenski”)‍

Kannst Du hier mal in Erfahrung bringen wie das gedacht ist? Mit Shopware 6 soll das Theming ja prinzipiell einfacher werden…
So scheint es aber noch nicht richtig zu funktionieren.

Gibt es hierzu bald ein How To oder so?

5

hey, wie in diesem Beitrag schon mal erwähnt ist die Tilde in dem Shopware Core das Problem:
https://forum.shopware.com/discussion/comment/256926/#Comment_256926

wenn es ohne Tilde importiert wird geht es.

Somit wäre es shopware-seitig schön wenn die das ohne Tilde importieren.
Evtl. mal ein Ticket erstellen?

6

Das Problem ist eher, das der HOT Modus noch nicht richtig läuft. So weit ich das raus finden konnte.

HOT Modus:

  • Variablen / Mixins werden nicht durch geschliffen von Bootstrap / SW
  • Als Workaround kann man die ganzen Dinge importieren

WATCH bzw. BUILD Modus:
- Variablen / Mixins werden durchgeschliffen

  • Wenn man die SW und Bootstrap Files für den HOT Modus importiert hat, dann lässt sich der BUILD-Modus nicht nutzen…

Ich habe es nun so gemacht, das bei einer Änderung einer SCSS Datei in meinem Themen per Gulp ein Build angestoßen wird.
Spaß macht das bearbeiten von CSS aber damit auch nicht, da jeder Build 10 Sekunden dauert.