storefront:build Alternativen für aktive Entwicklung?

Shopware 6 (German) Programmierung
1

Hi, ./psh.phar storefront:build funktioniert grundsätzlich. Allerdings dauert es jedesmal über 1 Minute. Wenn ich an einem großen Javascript-File arbeite und bei jeder kleinen Ändeurng 1min. warten muss, bin ich doch recht schnell genervt vom warten.

Gibt es eine sinnvolle Alertantive dazu? CSS Compiler überspringen o.ä.?

Ich hatte mal storefront:watch gelesen aber das erkennt keine Änderungen und macht dadurch nichts.

Ich könnte direkt im public Ordner an der JS-Datei rumändern, was ich teilweise auch bereits gemacht habe, um wegen einem console.log nicht wieder 1min warten zu müssen. Aber das birgt doch Risiken, dass man mal etwas überschreibt, wenn man wieder ./psh.phar storefront:build ausführt.

2

wüsste ich auch gerne, fürs backend klappt das prima mit “watch”, bitte dringend auch für die storefront, sonst muss ich leider eine fette rechnung für unnützes warten an shopware achreiben :wink:

3

storefront:hot-proxy sollte dir helfen

4

@StefanPoensgen‍ danke - klappt leider nicht, es wird zwar was compiliert, aber sonst passiert nichts, änderungen sind nicht sichtbar

5

du rufst aber auch die richtige url dann auf? http://localhost:9998/

6

ich rufe die url auf, die ./psh.phar storefront:hot-proxy auswirft (in meinem fall https://sw6.test:9998), leider klappt das nicht (“ERR_SSL_PROTOCOL_ERROR”), localhost geht auch nicht (ist ohnehin das selbe).

ich verwende zur lokalen entwicklung valet+ / mac (was ansonsten sehr stressfrei läuft) und vermute hier die probleme, gibt es da noch tipps oder ideen? dankeschön.

 

7

hast du ein lokales ssl zertifikat installiert? sonst wird das mit https nicht funktionieren.

8

@AlexGalax‍ klar, macht valet+

9

Hi,

ich häng mich mal mit ran. Bei mir macht storefront:watch oder storefront:hot auch nichts. Es wird einmal die Storefront kompiliert aber danach nicht auf Änderungen an z.B. der base.scss reagiert.

        # Webpack Plugin Injector: Plugin "Storefront" injected as a new entry point
        # Webpack Plugin Injector: Plugin "Test" injected as a new entry point
        ℹ USING WEBPACK CONFIG FILE: ./build/webpack.dev.config.js


        webpack is watching the files…

        Browserslist: caniuse-lite is outdated. Please run next command `npm update`
        ℹ Compiling Shopware 6 Storefront
        ✔ Shopware 6 Storefront: Compiled successfully in 5.61s
         DONE Compiled successfully in 6960ms15:20:36

           160 modules

Nutze zwar auch Valet, das dürfte aber in diesem Fall eigentlich egal sein. Relevant is Valet m.E. bei storefront:hot-proxy. Hier müsste valet unsecure gesetzt werden um die Seite ohne SSL zu nutzen, sonst haut es durch das Zertifikat ja nicht mehr hin. Danach natürlich die Storefront-URL auch auf http umstellen.

Habt ihr denn isHMRMode auf true gesetzt?

10

./psh.phar storefront:watch läuft einmal durch und danach kommt nichts mehr
./psh.phar storefront:hot wirft Fehler und kompiliert nicht. Es kann die Shopware Variablen z.B. $sw-text-color nicht finden, wenn ich diese verwende… das Problem tritt nur hier mit dem hot-watcher auf…

 

11

Nabend zusammen,

stehe gerade vor dem gleichen Problem und wollte das Thema mal neu aufgreifen. Hat evtl. jmd. eine Idee wie man https://localhost:9998 nutzen kann?
Unter http://localhost:9998 funktioniert es einwandfrei.

Danny