CSS & Javascript

Die meisten Templates kommen mit vorgefertigten Scripten und Style-Dateien (scss).

Beim Erstellen der Seite werden die Scripte zu einer Datei zusammengefasst und in das /script-Verzeichnis geschrieben.

Die gewünschten Scripte müssen im Projektscript unter application/source/script/ mittels require eingebunden werden. Für ein Script mit dem Namen init.js lautet die Anweisung folgendermassen:

require('../../../development/vendor/template/rhea/script/init.js');

Die SCSS-Dateien werden ebenso kompiliert und die Ergebnis-CSS-Datei wird in das Verzeichnis /style geschrieben. Die Konfiguration erfolgt in der Hauptdatei im Verzeichnis application/source/style/. Um zum Beispiel eine Schriftdefinition aus dem Template inzubinden, muss mittels @use die SCSS-Anweisung aus dem Template eingebunden werden.

@use "../../../development/vendor/template/rhea/vendor/google/raleway-400";

Im nächsten Artikel wird die Arbeit am Template vorgestellt.