Snippets + Wiki

Diese Seite ist nicht editierbar. Du kannst den Quelltext sehen, jedoch nicht verändern. Kontaktiere den Administrator, wenn du glaubst, dass hier ein Fehler vorliegt.

====== Minifier for TYPO3 (min) ======

===== HeaderComment nicht minimieren =====

Mit dem folgenden regulären Ausdruck (Regex) unter ''protectCode'' kann die Formatierung des TYPO3-Kommentars beibehalten im Head werden:

<code typoscript>
plugin.tx_min.tinysource {
    head {
        stripTabs = 1
        stripNewLines = 1
        stripDoubleSpaces = 1
        stripTwoLinesToOne = 1
        protectCode {
            10 = /(<!--.*?-->)/is
        }
    }
}
</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

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge