sass - orologio con minify automatico?

235

C'è un modo per eseguire:

sass --watch a.scss:a.css

ma hai a.cssfinito per essere minimizzato?

Come eviterei di dover eseguire un passaggio di minificazione separato mentre compilo il mio foglio di stile?

css sass minify

— tester
fonte

Risposte:

546

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

Consultare la documentazione per gli aggiornamenti:

— tester
fonte

Puoi anche minimizzare i CSS "semplici" in questo modo:sass --watch a.css:a.min.css --style compressed --scss

— sam

Tutti gli stili di output sono elencati qui (nidificati, espansi, compatti e compressi)

— allicarn

Posso ottenere output in combinazione con stili come; Ho bisogno anche di output compressi ed espansi. Come farlo?

— Temp O'rary,

Questo funziona per me avere Sass creare sia un file non minified e minified CSS allo stesso temposass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss

— Alex Wright

Questo non sembra funzionare nell'ultima versione 3.5.4 di Sass?

— The Chewy,

Se si utilizzano editor JetBrains come IntelliJ IDEA , PhpStorm , WebStorm ecc. Utilizzare le seguenti impostazioni in Impostazioni> Controllo file.

Converti style.scssper style.cssimpostare gli argomenti

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

e percorsi di output da aggiornare

$FileNameWithoutExtension$.css

Converti style.scssin compresso style.min.cssimposta gli argomenti

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

e percorsi di output da aggiornare

$FileNameWithoutExtension$.min.css

— Madan Sapkota
fonte

Se stai usando la bussola:

compass watch --output-style compressed

— Olivier Loynet
fonte

Questo è un comando della bussola e non solo sass. Stai supponendo che la bussola venga utilizzata quando potrebbe non esserlo.

— Doyle Lewis,

Questo funziona anche per me perché sto usando la bussola invece che solo di sass.

— fedmich,

Coloro che hanno dato il voto negativo solo perché questo codice è la bussola dovrebbero ripensarci se il

— voto negativo

Perché la gente dovrebbe sottovalutare questa risposta? Questo era esattamente quello che stavo cercando in primo luogo e sono abbastanza sicuro di non essere l'unico perché la minify compass outputricerca di Google porta qui.

— Kunok,

@fedmich perché la bussola non è mai stata menzionata nella domanda originale, e poiché questa risposta è priva di qualsiasi spiegazione quale sia il comando effettivo non è utile, se non si usa la bussola. Non ho votato in negativo, ma credo che sia questo il motivo, e questa sarebbe una risposta perfettamente valida, se ci fossero almeno alcune parole descrittive.

— Matthias Seifert,