2012-01-24 15 views
181

¿Hay una manera de funcionar:sass - ¿reloj con minify automático?

han a.css terminan siendo minified

sass --watch a.scss:a.css

pero?

¿Cómo evitaría tener que ejecutar un paso de minificación por separado cuando compilo mi hoja de estilo?

Respuesta

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

Consulte la documentación de actualizaciones:

+36

También puede minify "normal" css de esta manera: 'Sass --watch a.css : a.min.css --style comprimido --scss' – sam

+13

Todos los estilos de salida se enumeran [aquí] (http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style) (anidados , expandido, compacto y comprimido) – allicarn

+3

¿Puedo obtener resultados en combinación de estilos como; Necesito salidas comprimidas y expandidas también. ¿Como hacer eso? –

12

Si está utilizando la brújula:

compass watch --output-style compressed 
+3

¿Puedes explicar este comando? – neelsg

+10

Este es un comando de brújula y no solo sass. Estás asumiendo que la brújula se usa cuando puede que no lo sea. –

+4

Esto también funciona para mí porque estoy usando una brújula en lugar de sass. – fedmich

19

Si está utilizando JetBrains editores como IntelliJ IDEA, PhpStorm, WebStorm etc. Utilice la siguiente configuración en Configuración> File Watchers. enter image description here

  1. Conversor style.scss a style.css establezca los argumentos

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

    y rutas de salida para refrescar

    $FileNameWithoutExtension$.css 
    
  2. Conversor style.scss a comprimirse style.min.css establezca los argumentos

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

    y rutas de salida para refrescar

    $FileNameWithoutExtension$.min.css