Less/Sass

[kurohashi]

Hi,
ich suche nach einer Anleitung/Doku zum integrieren von Less in Contao 4.4 .
Ich habe https://www.werbe-agentur-graz.at/ma...it-contao.html gefunden, diese ist aber schon älter.
Könnte mir da jemand helfen? Ich scheine ja unter anderem Theme Plus zu brauchen.

Danke

[Spooky]

Warum brauchst du das? Es ist empfehlenswerter die Kompilierung lokal zu machen und auf dem Server nur die fertigen CSS Dateien zu deployen.

[kurohashi]

Hi,
es arbeiten mehrere Leute am CSS und das lokale Kompillieren müsste dann auf allen Clients eingerichtet werden. Zudem gibt es viele Seiten, wo sich nicht viel am CSS ändert, nur Farben, Fonts etc., dafür finden wir es einfacher einen Preprozessor zu benutzen.

[Spooky]

Hi,
es arbeiten mehrere Leute am CSS und das lokale Kompillieren müsste dann auf allen Clients eingerichtet werden.

Das wäre ja nur einmal

npm install

oder

yarn install

und dann

gulp watch

bspw. . (Vereinfacht gesagt.)

[Niels H]

SCSS und LESS sind doch in Contao integriert:
SCSS-LESS-Dateien.png

Oder verstehe ich Deine Frage falsch?

[mlweb]

SCSS wusste ich ja, LESS muss an mir vorübergegangen sein.

[claus]

Hi,
es arbeiten mehrere Leute am CSS und das lokale Kompillieren müsste dann auf allen Clients eingerichtet werden.

Vor dieser Herausforderung stehe ich auch immer. Die von spooky vorgeschlagene Lösung mit dem lokale Kompilieren und Hochladen löst meiner Meinung nach noch nicht ganz das Problem. Weil dann trotzdem jeder nur eine main.css aus seinen lokalen SCSS hoch lädt und man sich damit immer überschreibt.

[Spooky]

Vor dieser Herausforderung stehe ich auch immer. Die von spooky vorgeschlagene Lösung mit dem lokale Kompilieren und Hochladen löst meiner Meinung nach noch nicht ganz das Problem. Weil dann trotzdem jeder nur eine main.css aus seinen lokalen SCSS hoch lädt und man sich damit immer überschreibt.

In die produktive Umgebung deployed man ja nur aus einer Quelle, nicht aus mehreren.

Wie sieht euer Entwickler Setup aus?

[joe]

Git + Docker + Contao + Webpack wäre hier eine Lösung. Denke es ist eine Frage des Workflows.

Ansonsten könnt ihr auch mit einmal Tool wie charles Proxy arbeiten und eure eigenen lokalen css Filmes nutzen.

[claus]

Ja, tatsächlich hängt es wohl vom Workflow ab. Einige (kleine) Projekte müssen derzeit ohne Deployment-System auskommen und bei neuen Projekten versuchen wir einige Sachen für eine bessere Teamarbeit zu berücksichtigen... denke, dass wir noch ein bisschen nach Lösungen suchen werden. Danke jedenfalls für die Vorschläge.

[ke-an]

Git + Docker + Contao + Webpack wäre hier eine Lösung. Denke es ist eine Frage des Workflows.

Ansonsten könnt ihr auch mit einmal Tool wie charles Proxy arbeiten und eure eigenen lokalen css Filmes nutzen.

Diesen Workflow kann ich sehr empfehlen.
Besonders mit Webpack Encore einfach klasse und sehr flexibel zu entwickeln.

Ein Problem stellt aber die Datenbank dar, welche man "syncen" müsste. Entweder man würde hier alle einen einheitlichen DB-Zugriff verwenden (was eher unschön ist),
die DB regelmäßig von einem Staging-System nutzen, oder auf DB Migrations setzen.

Viele Grüße

Andi