ALLES ÜBER srh_frontend UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

srh_frontend

Prozess zur Verarbeitung von SASS und JS Dateien

Nach dem Herunterladen der "srh-frontend"-Extension sollten im Verzeichnus 'Resources/Private' der Extension folgende Commandozeilenbefehle ausgeführt werden :

Falls GULP noch nicht installiert ist auf dem Rechner :

npm install --global gulp

danach :

npm install

Folgende Befehle stehen Euch dann zur freien Verfügung :

(Jeder Befehl muss über gulp ausgeführt werden z.B. gulp sass)

  1. sass - Compliliert alle Sass Dateien zu CSS Dateien

  2. compress - Minifiert den JS Ordner und erzeugt ein Bundle

  3. watch - Startet automatisch alle erforderlichen Vorgänge bei Änderungen in SASS Files

Beispielaufruf um den SASS Prozess zu starten :

gulp sass -> Wandelt die *.scss Dateien aus dem Verzeichnis Resources/Private/Sass/ in CSS Dateien um. Die Destination für die CSS Files ist Resources/Public/Stylesheets/.

Beispielaufruf um den JS Prozess zu starten :

gulp compress -> Wandelt die *.js Dateien aus dem Verzeichnis Resources/Private/JavaScript/ in minifizierte JS Dateien um und erzeugt Bundles. Die Destination für die JS Files ist Resources/Public/JavaScript/.

Hochschulspezifische Styles

Javascript Dateien werden in der srh_frontend Extension erzeugt und von jeder Hochschule unverändert genutzt. Jede Hochschule nutzt allerdings eigene Stylesheets, da z.B. Farben oder Abstände in der Navigation angepasst werden.

Hierzu muss der obige Ablauf im Verzeichnis 'Resources/Private' jeder einzelnen Hochschul-Extension erfolgen (npm install + gulp sass).

Die erzeugten Stylesheets sind in einem gesonderten Commit ins entsprechende Git-Repository zu pushen.

Version History

0.1.2


All changes in this version

2017-04-24 Fid thousands separator and set following decimals to 0 in FileInfo (Commit ad79079 by Meelis Karulin) 2017-04-24 Fix the rendering of a deprecated partial (Commit dee3f52 by Meelis Karulin) 2017-04-24 Replace deprecated viewhelpers (Commit eca9a3f by Meelis Karulin)

This list has been created by using git log --since="2017-04-23" --abbrev-commit --pretty='%ad %s (Commit %h by %an)' --date=short.

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.