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?

Risposte:


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

Consultare la documentazione per gli aggiornamenti:


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

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

3
Posso ottenere output in combinazione con stili come; Ho bisogno anche di output compressi ed espansi. Come farlo?
Temp O'rary,

3
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

2
Questo non sembra funzionare nell'ultima versione 3.5.4 di Sass?
The Chewy,

22

Se si utilizzano editor JetBrains come IntelliJ IDEA , PhpStorm , WebStorm ecc. Utilizzare le seguenti impostazioni in Impostazioni> Controllo file. inserisci qui la descrizione dell'immagine

  1. Converti style.scssper style.cssimpostare gli argomenti

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

    e percorsi di output da aggiornare

    $FileNameWithoutExtension$.css
  2. 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

15

Se stai usando la bussola:

compass watch --output-style compressed

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

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

3
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,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.