sass: ¿reloj con minify automático?

235

¿Hay alguna manera de correr?

sass --watch a.scss:a.css

pero han a.cssterminado siendo minificados?

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

ensayador
fuente

Respuestas:

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

Consulte la documentación para actualizaciones:

ensayador
fuente
42
También puede minimizar css "simple" de esta manera:sass --watch a.css:a.min.css --style compressed --scss
Sam
13
Todos los estilos de salida se enumeran aquí (anidados, expandidos, compactos y comprimidos)
allicarn
3
¿Puedo obtener salidas en combinación de estilos como; Necesito salidas comprimidas y ampliadas también. ¿Como hacer eso?
Temp O'rary
3
Esto funciona para mí para que sass cree un archivo css no minificado y minificado al mismo tiemposass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
Alex Wright
2
¿Esto no parece funcionar en la última versión 3.5.4 de Sass?
The Chewy
22

Si está utilizando editores de JetBrains como IntelliJ IDEA , PhpStorm , WebStorm , etc. Utilice la siguiente configuración en Configuración> Observadores de archivos. ingrese la descripción de la imagen aquí

  1. Convertir style.scsspara style.cssestablecer los argumentos

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

    y rutas de salida para actualizar

    $FileNameWithoutExtension$.css
  2. Convertir style.scssa style.min.cssconjunto comprimido los argumentos

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

    y rutas de salida para actualizar

    $FileNameWithoutExtension$.min.css
Madan Sapkota
fuente
15

Si estás usando la brújula:

compass watch --output-style compressed
Olivier Loynet
fuente
12
Este es un comando de brújula y no solo sass. Estás asumiendo que la brújula se está utilizando cuando puede que no.
Doyle Lewis
44
Esto también funciona para mí porque estoy usando la brújula en lugar de solo sass.
fedmich
3
Aquellos que dieron voto negativo solo porque este código es una brújula deberían pensar nuevamente si el
voto negativo
¿Por qué la gente rechazaría esta respuesta? Esto fue exactamente lo que estaba buscando en primer lugar y estoy bastante seguro de que no soy el único porque la minify compass outputbúsqueda de Google conduce aquí.
Kunok
@fedmich porque la brújula nunca se mencionó en la pregunta original, y dado que esta respuesta carece de explicación de lo que hace el comando real, no es útil, si no usa la brújula. No voté en contra, pero supongo que esa es la razón, y esta sería una respuesta perfectamente buena, si hubiera al menos algunas palabras de descripción.
Matthias Seifert