CSS-Dateien Zusammenfassung bzw. Komprimierung

Hallo,

um CSS-Dateien einzubinden verwende ich momentan die Funktion "Externe Stylesheets".
(Ist bei der Bearbeitung eines Layouts zu finden.)
Dort bietet mir Contao auch die Checkbox "Skripte zusammenfassen" an.
Ist die angehakt werden alle mein CSS-Dateien wunderbar 'zusammgepresst'.

D.h. es funktioniert soweit alles super :)


... doch nun zu meiner Frage:
Ich möchte in meiner lokalen Entwicklungsumgebung die Stylesheets unkomprimiert lassen.
(Um sie mit den Chrome-Developertools bearbeiten zu können.)
Online sollen die Stylesheets jedoch zusammengefasst werden.

... geht das irgendwie?
Bzw. wie macht ihr das?

Ich könnte natürlich nur in der Online-Version die Checkbox aktivieren.
Doch das beim erneuten Einspielen der Datenbank immer wieder zu machen kann etwas nervig werden.




Bzgl. CSS-Einbindung hab ich auch diese sehr nützliche Erweiterung gefunden:
https://github.com/heimrichhannot/contao-extassets
... sie bindet CSS-Dateien in vordefinierten Ordnern automatisch ein.
Doch leider werden hier die Stylesheets immer komprimiert (auch lokal).
Wenn jemand weiß wie ich das einfach verhindern kann wäre ich aus sehr dankbar :)

Danke für eure Hilfe!

Ich arbeite schon seit Jahren mit scss, bourbon und gulp. Lokal habe ich meine SCSS-Dateien die ich bearbeite. Daraus wird eine resultierende css-Datei erstellt, die dann auch auf den Server kommt. Bei der Anpassung fertiger Themes können es gelegentlich auch mal zwei resultierende css-Dateien sein.

Außerdem steht es Dir doch frei, dies in deiner lokalen Entwicklungsumgebung anders einzustellen!?

Zitat:

---

Zitat von mlweb

Ich arbeite schon seit Jahren mit scss, bourbon und gulp. Lokal habe ich meine SCSS-Dateien die ich bearbeite. Daraus wird eine resultierende css-Datei erstellt, die dann auch auf den Server kommt. Bei der Anpassung fertiger Themes können es gelegentlich auch mal zwei resultierende css-Dateien sein.

---

Danke für deinen Input – ja, mit SCSS liebäugle ich auch schon länger :)
Hat viele Vorteile – allerdings auch den großen Nachteil das ich dann die Chrome DevTools nicht mehr nützen kann.
D.h. das Ändern von CSS-Eigenschaften über den DevTools-Elements-Inspector.
Das nutze ich momentan sehr häufig – darauf möchte ich nicht verzichten.

Zitat:

---

Zitat von tab

Außerdem steht es Dir doch frei, dies in deiner lokalen Entwicklungsumgebung anders einzustellen!?

---

Stimmt schon, aber ich muss dann bei jedem erneuten hochladen der Datenbank die Komprimierung bei der Online-Version wieder aktivieren.

Ich möchte sowas hier in der Art:

Code:

---

$whitelist = array(
    '127.0.0.1',
    '::1'
);

if(!in_array($_SERVER['REMOTE_ADDR'], $whitelist)){
    // contao css-dateien komprimieren
} else {
  // contao css-dateien einzeln einbinden
}

---

Zitat:

---

Zitat von thesweetg

Danke für deinen Input – ja, mit SCSS liebäugle ich auch schon länger :)
Hat viele Vorteile – allerdings auch den großen Nachteil das ich dann die Chrome DevTools nicht mehr nützen kann.
D.h. das Ändern von CSS-Eigenschaften über den DevTools-Elements-Inspector.
Das nutze ich momentan sehr häufig – darauf möchte ich nicht verzichten.

---

Was funktioniert denn nicht?

Ich dachte in der app_dev werden die Skripte nicht komprimiert...

Ja. Aber vermutlich geht es eher um die geschweifte Klammer im Screenshot ... ;-)

Anhang 22102

Zitat:

---

Zitat von lucina

Was funktioniert denn nicht?

---

Mit den Dev-Tools kann ich Änderungen automatisch speichern.
Siehe hier: https://developers.google.com/web/to...setup-workflow

Wenn ich SCSS verwende speichert Dev-Tools die Änderungen in der kompilierten css-Datei.
Das möchte ich natürlich nicht.

Zitat:

---

Zitat von PaddySD

Ich dachte in der app_dev werden die Skripte nicht komprimiert...

---

OK, das wäre eine Lösung.
Allerdings wird das Backend durch die "app_dev" so langsam :(

Was Dir ja während der CSS Bearbeitung egal sein kann, denn da machst Du ja akut nix im BE. ;)

Ich weiss schon, mich nervt das auch, ich hab mich mittlerweilen mit der app_dev angefreundet, aber einfach ist anders. Dummerweise wüsste ich aber auch keinen Weg, wie man das einfacher hin bekommt... Und zum debuggen ist die app_dev schon recht angenehm... Einen Tod muss man eben sterben :D :D

Man könnte ggf. einige Features des Dev Modus (wie z. B. den Profiler) deaktivieren und das Ganze dadurch insgesamt etwas beschleunigen: https://community.contao.org/de/show...l=1#post445678

Zitat:

---

Zitat von thesweetg

OK, das wäre eine Lösung.
Allerdings wird das Backend durch die "app_dev" so langsam :(

---

Dann mach das Backend doch ohne app_dev.php in der URL auf. Dann ist das da auch nicht aktiv.

Viele Grüße

Das geht mittlerweilen? Das wäre ja cool. Ich hatte irgendwie in Erinnerung, daß sich da die Logins beissen. Kann aber sein, daß ich da noch die 3.5 auf dem Schirm hab.