2012-01-24 15 views
181

Czy istnieje sposób, aby uruchomić:sass --watch with automatic minify?

sass --watch a.scss:a.css

ale a.css skończyć się minified?

Jak można uniknąć konieczności uruchamiania oddzielnego kroku minimalizacji podczas kompilowania arkusza stylów?

Odpowiedz

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

skonsultować się z dokumentacją aktualizacje:

+36

Można również minify "zwykły" css ten sposób: 'Sass --watch a.css : a.min.css - style compressed --scss' – sam

+13

Wszystkie style wyjściowe są wymienione [tutaj] (http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style) (zagnieżdżone) rozszerzony, kompaktowy i skompresowany) – allicarn

+3

Czy mogę uzyskać wyniki w połączeniu ze stylami takimi jak; Potrzebuję również skompresowanych i rozszerzonych produktów. Jak to zrobić? –

12

Jeśli używasz Kompas:

compass watch --output-style compressed 
+3

Czy możesz wyjaśnić to polecenie? – neelsg

+10

To polecenie kompasu, a nie tylko sass. Zakładasz, że kompas jest używany, kiedy nie jest. –

+4

To działa również dla mnie, ponieważ używam kompasu zamiast po prostu sass. – fedmich

19

Jeśli używasz edytorów JetBrains takich jak IntelliJ IDEA, PhpStorm, WebStorm itp. Użyj następujących ustawień w Ustawienia> Przeglądarki plików. enter image description here

  1. Konwersja style.scss do style.css zestaw argumentów

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

    i ścieżek wyjściowych, aby odświeżyć

    $FileNameWithoutExtension$.css 
    
  2. Konwersja style.scss do sprężonego style.min.css zestaw argumentów

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

    i ścieżek wyjściowych, aby odświeżyć

    $FileNameWithoutExtension$.min.css