CSS und Javascript Dateien zusammenfassen / komprimieren

Community Germany
1

Hallo Leute,

ich habe von TYPO3 CMS zu TYPO3 Neos gewechselt, jetzt frag ich mich gerade ob es wie in TYPO3 CMS auch in Neos die Möglichkeit gibt CSS und Javascript Dateien automatisch zusammenzufassen und zu komprimieren?

Danke vorab für die Antworten :smile:

Grüße, David

2

Hi David,

so out of the box sollte das derzeit noch nicht gehen. Es gibt noch keinen minifer in dem Sinne. Ich persönlich nutze aber auch SCSS und lasse bei deployen/bauen dann die Datei automatisch kompilieren. Die Datei selber füge ich dann per TS in etwa so ein:

		page.head.stylesheets {
			styles = TYPO3.TypoScript:Tag {
				tagName = 'link'
				attributes {
					rel = 'stylesheet'
					media = 'all'
					href = TYPO3.TypoScript:ResourceUri {
						package = 'Vendor.Package'
						path = 'Styles/style.min.css'
					}
				}
			}

			@cache {
				mode = 'cached'
				entryIdentifier {
					identifier = 'stylesheets'
					workspace = ${node.context.workspace.name}
				}
			}
		}

Damit generierst du den link-Tag per Typoscript und renderst dann das Element in deinem Template.
Du kannst dann auf den path zB noch einen Abfrage mit @if.inProductionContext setzen und zB nur im Production Kontext eine .min.css einbinden und im Dev eine normale .css oder so

Es ist aber auch denkbar, dass du bei path einen eigenen Eel-Helper aufrufst der dir evtl. die Datei komiliert und den Pfad zurück gibt etc.

VG,
Johannes

3

Super, vielen Dank. Das werde ich dann mal nächste Wochen in Angriff nehmen.

Grüße David