Contao-Camp 2024
Ergebnis 1 bis 14 von 14

Thema: CSS-Dateien Zusammenfassung bzw. Komprimierung

  1. #1
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard 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!

  2. #2
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  3. #3
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

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

  4. #4
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    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.
    Geändert von thesweetg (28.03.2019 um 09:39 Uhr)

  5. #5
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard

    Zitat Zitat von tab Beitrag anzeigen
    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
    }
    Geändert von thesweetg (28.03.2019 um 09:42 Uhr)

  6. #6
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von thesweetg Beitrag anzeigen
    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?

  7. #7
    Contao-Fan Avatar von PaddySD
    Registriert seit
    26.10.2016.
    Ort
    Andechs
    Beiträge
    656

    Standard

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

  8. #8
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

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

    chromedev.jpeg

  9. #9
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard

    Zitat Zitat von lucina Beitrag anzeigen
    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.

  10. #10
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard

    Zitat Zitat von PaddySD Beitrag anzeigen
    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

  11. #11
    Contao-Fan Avatar von PaddySD
    Registriert seit
    26.10.2016.
    Ort
    Andechs
    Beiträge
    656

    Standard

    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

  12. #12
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  13. #13
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.292
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von thesweetg Beitrag anzeigen
    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
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

  14. #14
    Contao-Fan Avatar von PaddySD
    Registriert seit
    26.10.2016.
    Ort
    Andechs
    Beiträge
    656

    Standard

    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.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •