WCF2: Eigenes LESS/CSS richtig hinzufügen

  • WCF 2

Achtung: Diese Seite ist nur noch Teil eines Archivs und wird in Zukunft entfernt.

Innerhalb von Community Framework gibt es praktisch nur noch LESS-Dateien. Mit diesen ist es sehr einfach, eigenen CSS- oder LESS-Code über ein eigenes Plugin hinzuzufügen - ohne Template-Listener o.Ä. Dazu muss man wissen, dass LESS-Dateien erst einmal kompiliert werden - und zwar nach jeder Plugin-Installation neu. Hierbei werden alle LESS-Dateien genutzt, welche sich unter /wcf/style befinden.

Aus diesem Grunde ist es auch vollkommen einfach, eigene LESS-Dateien einzubinden. Es genügt, die Datei über die files-PIP (<instruction type="file">files.tar</instruction>) in das oben genannte Verzeichnis zu verschieben. Sobald geschehen, aktualisiert der LESS-Compiler alle vorhandenen Stile mit dem neuen LESS-Code.

Aus diesem Grunde sind auch CSS-Dateien out. Man sollte daher immer auf eine LESS-Datei zurückgreifen, auch wenn man gar kein LESS schreibt, weil man es nicht kann oder generell bei CSS bleiben möchte. Letztendlich wird auch das LESS zu normalem CSS kompiliert, das steht sich damit auch nicht gegenseitig im Weg.

Wenn man jedoch nach Teil 7 der Tutorial-Reihe hier geht (Konsistenz bei der Entwicklung), so bleibt man bei LESS und nutzt auch die von mir genannte Einbindung. Eine alternative Einbindung, z.B. über einen Template-Listener, ist zwar möglich, angesichts dessen, was das Framework aber von sich aus bietet, nicht sinnvoll und auch nicht besser.


Teil 7: Konsistenz bei der Entwicklung
Über den Autor
Ich bin Webentwickler in Stuttgart und administriere Server seit vielen Jahren. In diesem Blog erstelle ich hauptsächlich Tutorials für andere Webentwickler, Webdesigner und Serveradministratoren.
-------------------------------------------------------------------------------------------------------------------------------------
I’m a web developer in Stuttgart, Germany, and server administrator since many years. This blog mainly contains a tutorial set for other web developer, web designer and server administrators.

1.952 mal gelesen

Kommentare 1

  • kleinefarm -

    Ich habe mich eben tot gesucht, warum meine .less Datei nicht geladen wird.
    Die Lösung war das entfernen des "-"-Zeichens, somit wäre es gut, wenn dieses Turitorial um die nicht unterstützen Sonderzeichen erweitert wird.