Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- typo3:min [2017/04/23 18:19] – angelegt admin
+++ typo3:min [2019/12/27 18:18] (aktuell) – Falsche relative Dateipfade im Stylesheet nach Minimierung admin
@@ Zeile 18: / Zeile 18: @@
 }
 </code>
+===== Troubleshooting =====
+==== Falsche relative Dateipfade im Stylesheet nach Minimierung ====
+Wenn ''config.compressCss'' aktiviert ist, verändert EXT:min die in den Stylesheets vorhandenen URLs, etwa zu Hintergrundbildern im CSS.
+Voraussetzung für den Fehler ist die Verwendung relativer Pfade, z.B. ''background-image: url(../../pfad/zum/bild.jpg)''.
+**Lösung:** Auf die Minimierung/Komprimierung der Stylesheets durch TYPO3 und EXT:min verzichten. Stattdessen den eigenen Frontend-Workflow (Grunt, gulp, webpack, …) verwenden, um ein bereits komprimiertes Stylesheet zu erstellen.
+<code typoscript>
+config.compressCss = 0
+page.includeCSS.style = EXT:sitepackage/Resources/Public/Css/style.min.css.gzip
+</code>
+Dann kann man EXT:min gefahrlos dazu verwenden, den HTML-Code zu minimieren.
+Issue: https://forge.typo3.org/issues/81065

Snippets + Wiki