# Grunt: Frontend ignoriert die mit grunt erzeugten css files

**URL:** <https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397>\
**Category:** Themes & Design\
**Created:** [3. Februar 2017 um 22:55 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397 "2017-02-03T22:55:15Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [3. Februar 2017 um 22:55 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/1 "2017-02-03T22:55:15Z")

</div>

Hallo,

ich versuche jetzt Themes mit Grunt zu entwickeln. Grunt scheint in meiner vagrant Box gut &nbsp;zu laufen.  
Jedesmal wenn ein less File sich ändert sagt grunt:

```
>> File "Frontend/XXX/frontend/_public/src/less/_modules/main_navigation.less" changed.

Running "less:development" (less) task
>> 1 stylesheet created.

Running "eslint:src" (eslint) task

Running "watch" task
Completed in 7.694s at Fri Feb 03 2017 22:47:58 GMT+0000 (UTC) - Waiting...

```

Dieses neue css File wird im Frontend komplett ignoriert. Laut den Chrome Entwicklertools ändert sich das css nicht.  
Wenn ich im Backend das Theme manuell kompiliere klappt es. Caches leeren usw alles probiert. Bringt nix.

Woran könnte das Problem liegen?

Ich bin nach dieser Anleitung vorgegangen:

[https://developers.shopware.com/designers-guide/best-practice-theme-development/](https://developers.shopware.com/designers-guide/best-practice-theme-development/)

Danke,

Jens

---

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [18. Februar 2017 um 00:01 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/2 "2017-02-18T00:01:47Z")

</div>

Hallo Nochmal,

ich konnte das Problem jetzt eingrenzen. Im Verzeichnis web/cache werden die von grunt generierten css Files&nbsp;  
angelegt. Das Problem ist, dass in diesem Verzeichnis auch noch die alten css Files stehen und die neuen ignoriert  
werden. Hier ist das web/cache Verzeichnis:

```
vagrant@shopware:~/www/meinshop/web/cache$ ls -l
total 2780
-rw-rw-r-- 1 vagrant vagrant 2034629 Feb 17 23:55 1487199583_300f73c9701577c72f5067906284a44b.css
-rw-r--r-- 1 vagrant vagrant 416285 Feb 17 22:54 1487369910_c5c60c74aaefbdc5f0a7f57532d8be46.css
-rw-r--r-- 1 vagrant vagrant 375314 Feb 17 22:35 1487369910_c5c60c74aaefbdc5f0a7f57532d8be46.js
-rwxrwx--- 1 vagrant vagrant 346 Feb 17 21:52 all.less
-rwxrwx--- 1 vagrant vagrant 10302 Feb 16 21:17 config_1.json

```

Es gibt zwei .css Dateien: eine von 22:54 und die neue von 23:55. Shopware nimmt nur die ältere .css Datei. Die neuere wird  
ignoriert. Wenn ich die alte .css Datei lösche, funktioniert alles.

Aber Grunt sollte doch eigentlich immer die neueste .css Datei erzeugen, so dass Shopware auch die neueste Datei verwendet.

Was kann man machen, ausser die alte Datei immer manuell zu löschen?

Danke und viele Grüsse,

Jens

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [18. Februar 2017 um 10:24 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/3 "2017-02-18T10:24:24Z")

</div>

Hast du einmal deinen Browser Cache als auch den Shopware Cache geleert?

Für Chrome habe ich bspw. die Erweiterung „Clear Cache“ und das auf einen Shortcut gesetzt mit cmd+d leert Chrome den Browser Cache und lädt die Seite direkt neu.

&nbsp;

---

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [18. Februar 2017 um 22:26 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/4 "2017-02-18T22:26:06Z")

</div>

Danke für den Tipp. Bringt aber leider nichts. Shopware ignoriert noch immer das neueste css.

Komisch, dass ich der einzige bin, der dieses Problem hat. Aber so ist Grunt für mich vollkommen nutzlos.  
Vielleicht sollte ich das Gruntfile so verändern, dass am Anfang alle .css und .js Dateien in web/cache gelöscht werden.

---

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [18. Februar 2017 um 22:36 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/5 "2017-02-18T22:36:22Z")

</div>

Das Problem scheint an dem Link zur css Datei zu liegen, der im

der Shopware Seite definiert ist:

&nbsp;

Dieser Link ändert sich nicht, wenn Grunt eine neue .css Datei generiert und damit&nbsp;wird natürlich auch immer das alte css&nbsp;  
aufgerufen.&nbsp;

Woher bekommt Shopware denn mit, welche css Datei gerade aktuell ist?

&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [18. Februar 2017 um 22:57 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/6 "2017-02-18T22:57:15Z")

</div>

Wenn ich mich nicht irre wird parallel dazu eine json-Datei generiert wo die aktuelle CSS-Version verlinkt&nbsp;steht.

/web/cache/config\_1,json

---

<div class="post-metadata">

**Author:** ![paddelboot](https://avatars.discourse-cdn.com/v4/letter/p/e95f7d/32.png) [@paddelboot](https://forum.shopware.com/u/paddelboot)\
**Post date:** [29. Mai 2019 um 13:57 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/7 "2019-05-29T13:57:43Z")

</div>

Habe nun dasselbe Problem. Shopware lädt im Frontend die falsche CSS-Datei, nachdem ich im Backend die Theme-Dateien kompliert habe.

Ein _sw:cache:clear env=development_ hat erstmal keine Abhilfe geschaffen. Auch via Backend alle Caches gelöscht - Shopware verwendet tapfer weiter die falsche CSS-Datei, d.h. nicht die, welche mit Grunt kompiliert wurde.

Das Löschen der alten CSS-Datei (danke @frimipiso) hat endlich dazu geführt, dass SW aufwacht und schnallt, dass eine neue CSS-Datei kompiliert wurde.

&nbsp;

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [29. Mai 2019 um 16:07 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/8 "2019-05-29T16:07:16Z")

</div>

Hast du die Theme config gedumpt? Das kann man gerne mal vergessen und dann wundert man sich, warum keine Änderungen greifen.

[https://developers.shopware.com/designers-guide/best-practice-theme-development/#dump-theme-configuration](https://developers.shopware.com/designers-guide/best-practice-theme-development/#dump-theme-configuration)

---

<div class="post-metadata">

**Author:** ![paddelboot](https://avatars.discourse-cdn.com/v4/letter/p/e95f7d/32.png) [@paddelboot](https://forum.shopware.com/u/paddelboot)\
**Post date:** [3. Juni 2019 um 09:38 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/9 "2019-06-03T09:38:31Z")

</div>

> [@Shopwareianer schrieb:](https://forum.shopware.com/profile/15489/Shopwareianer "Shopwareianer")
> 
> Hast du die Theme config gedumpt? Das kann man gerne mal vergessen und dann wundert man sich, warum keine Änderungen greifen.
> 
> [https://developers.shopware.com/designers-guide/best-practice-theme-development/#dump-theme-configuration](https://developers.shopware.com/designers-guide/best-practice-theme-development/#dump-theme-configuration)

Die Konfig hatte ich geschrieben/gedumpt, aber das muss man wohl jeden Tag wiederholen und zusätzlich den Cache löschen wie im Link beschrieben.

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [3. Juni 2019 um 09:57 UTC](https://forum.shopware.com/t/grunt-frontend-ignoriert-die-mit-grunt-erzeugten-css-files/43397/10 "2019-06-03T09:57:37Z")

</div>

> [@paddelboot schrieb:](https://forum.shopware.com/profile/31073/paddelboot "paddelboot")
> 
> > [@Shopwareianer schrieb:](https://forum.shopware.com/profile/15489/Shopwareianer "Shopwareianer")
> > 
> > Hast du die Theme config gedumpt? Das kann man gerne mal vergessen und dann wundert man sich, warum keine Änderungen greifen.
> > 
> > [https://developers.shopware.com/designers-guide/best-practice-theme-development/#dump-theme-configuration](https://developers.shopware.com/designers-guide/best-practice-theme-development/#dump-theme-configuration)
> 
> Die Konfig hatte ich geschrieben/gedumpt, aber das muss man wohl jeden Tag wiederholen und zusätzlich den Cache löschen wie im Link beschrieben.

Die musst du nicht jeden Tag dumpen. Du musst die nur dumpen, wenn du etwas in der Theme.php geändert hast oder bspw. im Theme Manager selbst etwas eingestellt hast wie ein Farbe oder dergleichen. Die gedumpte .json Datei enthält die ganzen Variablen. Sobald eine geändert worden ist, musst du entsprchend die Datei wieder dumpen.&nbsp;
