Gibt es eine Möglichkeit, SASS FileWatcher so zu konfigurieren, dass es ein Minified CSS erstellt?Wie man CSS mit SCSS File Watcher in PHPStorm IDE reduzieren
Ich konfiguriere derzeit SASS + YUI Compressor, um dies zu erreichen, aber ich würde dies gerne mit reinem SASS tun, wenn möglich.
Hier sind die Screenshots von beiden Konfigurationen:
Vielen Dank im Voraus.
Wahrscheinlich der schnellste Weg, dies zu erreichen, ist die Verwendung der komprimierten Option, die in den vorherigen Kommentaren erwähnt wurde, als ein Argument. Der schnellste Weg, dies in PhpStorm zu konfigurieren, ist wie folgt:
File > SettingsFile WatchersProject Settings Sie sollten bereits einen SCSS Beobachter hier erstellt haben (wenn Sie die SCSS Uhr Plugin aktiviert haben, PHPStorm fordert Sie auf, einen Watcher zu erstellen, wenn Sie eine neue .scss-Datei öffnen.) Aktivieren Sie ihn andernfalls (weitere Informationen hierzu in diesem Abschnitt der official documentation,) und erstellen Sie dann den neuen Watcher mit dem "+" - Symbol.Arguments Linie sicherstellen, dass die --style compressed ArgumentDieses Bild zeigt getan hinzuzufügen, wie die Konfiguration aussehen:
Von diesem Zeigen Sie auf, Ihre .css-Ausgabedateien werden komprimiert.
Hier sind die vollständigen Argumente: --no-cache - Stil komprimiert --update $ FileName $: $ FileNameWithoutExtension $ .min.css – achucuan
Haben Sie Befehlszeilenargumente überprüft? Der SASS-Compiler (scss.bat) unterstützt die Option '--style compressed', die eine sehr kompakte/komprimierte ** Ausgabe erzeugt - http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html# ausgabestyle Wenn Sie möchten - Sie können es dann erneut mit YUICompressor bearbeiten (um * möglicherweise * ein paar weitere Optimierungen zu erhalten). ** Alternativ ** erstelle eine .BAT/.CMD-Datei, die zuerst den Sass-Code kompiliert und dann über YUIC (2 Zeilen insgesamt) läuft und sie in deinem File Watcher anstelle des eigentlichen SASS-Compilers benutzt. – LazyOne
@LazyOne Das sollte eine Antwort sein. :) – KatieK