2012-01-24 14 views
181

C'è un modo per eseguire:sass --watch con minify automatico?

sass --watch a.scss:a.css

ma hanno a.css finiscono per essere minified?

Come evitare di dover eseguire un passaggio di minivia separato mentre compilo il foglio di stile?

risposta

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

, consultare la documentazione per gli aggiornamenti:

+36

È inoltre possibile minify "plain" css in questo modo: 'sass --watch a.css : a.min.css --style compressed --scss' – sam

+13

Tutti gli stili di output sono elencati [qui] (http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style) (annidato , espanso, compatto e compresso) – allicarn

+3

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

12

Se stai usando bussola:

compass watch --output-style compressed 
+3

Puoi spiegare questo comando? – neelsg

+10

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

+4

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

19

Se si utilizzano editor JetBrains come IntelliJ IDEA, PhpStorm, WebStorm ecc. Utilizzare le seguenti impostazioni in Impostazioni> File Watcher. enter image description here

  1. Convert style.scss a style.css impostare gli argomenti

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

    e percorsi di uscita per rinfrescare

    $FileNameWithoutExtension$.css 
    
  2. Convert style.scss per compressa style.min.css impostare gli argomenti

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

    e percorsi di uscita per rinfrescare

    $FileNameWithoutExtension$.min.css