Sass - Uhr mit automatischer Minimierung?

235

Gibt es eine Möglichkeit zu rennen:

sass --watch a.scss:a.css

aber am a.cssEnde minimiert worden?

Wie würde ich vermeiden, dass ich beim Kompilieren meines Stylesheets einen separaten Minimierungsschritt ausführen muss?

Prüfer
quelle

Antworten:

546
sass --watch a.scss:a.css --style compressed

Konsultieren Sie die Dokumentation für Updates:

Prüfer
quelle
42
Sie können "einfaches" CSS auch folgendermaßen minimieren:sass --watch a.css:a.min.css --style compressed --scss
Sam
13
Alle Ausgabestile sind hier aufgelistet (verschachtelt, erweitert, kompakt und komprimiert)
Allicarn
3
Kann ich Ausgaben in Kombination von Stilen wie erhalten; Ich brauche auch komprimierte und erweiterte Ausgänge. Wie geht das?
Temp O'rary
3
Dies funktioniert für mich, damit sass gleichzeitig eine nicht minimierte und eine minimierte CSS-Datei erstelltsass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
Alex Wright,
2
Dies scheint in der neuesten Version 3.5.4 von Sass nicht zu funktionieren?
The Chewy
22

Wenn Sie JetBrains- Editoren wie IntelliJ IDEA , PhpStorm , WebStorm usw. verwenden, verwenden Sie die folgenden Einstellungen unter Einstellungen> Datei-Watcher. Geben Sie hier die Bildbeschreibung ein

  1. Konvertieren Sie style.scss, style.cssum die Argumente festzulegen

    --no-cache --update $FileName$:$FileNameWithoutExtension$.css

    und Ausgabepfade zum Aktualisieren

    $FileNameWithoutExtension$.css
  2. In style.scsskomprimierte konvertieren style.min.csssetzen Sie die Argumente

    --no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed

    und Ausgabepfade zum Aktualisieren

    $FileNameWithoutExtension$.min.css
Madan Sapkota
quelle
15

Wenn Sie einen Kompass verwenden:

compass watch --output-style compressed
Olivier Loynet
quelle
12
Dies ist ein Kompassbefehl und nicht nur Sass. Sie gehen davon aus, dass der Kompass verwendet wird, wenn dies möglicherweise nicht der Fall ist.
Doyle Lewis
4
Das funktioniert auch bei mir, weil ich Kompass statt nur Sass benutze.
Fedmich
3
Diejenigen, die Downvote nur für gegeben haben, weil dieser Code Kompass ist, sollten noch einmal überlegen, ob die Downvote wirklich für ihn notwendig ist
Fedmich
Warum sollten die Leute diese Antwort ablehnen? Dies war genau das, wonach ich zuerst gesucht habe, und ich bin mir ziemlich sicher, dass ich nicht der einzige bin, da die minify compass outputGoogle-Suche hier führt.
Kunok
@fedmich, weil der Kompass in der ursprünglichen Frage nie erwähnt wurde und diese Antwort keine Erklärung dafür enthält, was der eigentliche Befehl tut, ist nicht hilfreich, wenn Sie keinen Kompass verwenden. Ich habe nicht abgelehnt, aber ich denke, das ist der Grund, und dies wäre eine vollkommen gute Antwort, wenn es mindestens ein paar beschreibende Worte gäbe.
Matthias Seifert