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?

css sass minify

— Prüfer
quelle

Antworten:

546

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

Konsultieren Sie die Dokumentation für Updates:

— Prüfer
quelle

Sie können "einfaches" CSS auch folgendermaßen minimieren:sass --watch a.css:a.min.css --style compressed --scss

— Sam

Alle Ausgabestile sind hier aufgelistet (verschachtelt, erweitert, kompakt und komprimiert)

— Allicarn

Kann ich Ausgaben in Kombination von Stilen wie erhalten; Ich brauche auch komprimierte und erweiterte Ausgänge. Wie geht das?

— Temp O'rary

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,

Dies scheint in der neuesten Version 3.5.4 von Sass nicht zu funktionieren?

— The Chewy

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

Konvertieren Sie style.scss, style.cssum die Argumente festzulegen
```
--no-cache --update $FileName$:$FileNameWithoutExtension$.css
```
und Ausgabepfade zum Aktualisieren
```
$FileNameWithoutExtension$.css
```

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

Wenn Sie einen Kompass verwenden:

compass watch --output-style compressed

— Olivier Loynet
quelle

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

Das funktioniert auch bei mir, weil ich Kompass statt nur Sass benutze.

— Fedmich

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