uglify online minimizar minificar mincss generate convertir sass minify phpstorm yui-compressor

sass - online - Cómo minimizar CSS con SCSS File Watcher en PHPStorm IDE



phpstorm minify js (1)

Probablemente la forma más rápida de lograr esto es usar la opción comprimida, mencionada en los comentarios anteriores, como un argumento. La forma más rápida de configurar esto en PHPStorm es la siguiente:

  • Ir a File > Settings
  • Dentro de la Project Settings seleccione File Watchers
  • Ya debe tener un observador SCSS creado aquí (si tiene habilitado el complemento de vigilancia SCSS, PHPStorm le solicita que cree un observador al abrir un nuevo archivo .scss). De lo contrario, habilítelo (más información al respecto en esta sección del funcionario). documentación ,) y luego cree el nuevo observador presionando el símbolo "+".
  • Haga doble clic en el nombre del observador para acceder a su configuración.
  • En la línea Arguments , asegúrese de agregar el argumento --style compressed
  • Haga clic en Aceptar y ya está

Esta imagen muestra cómo debe verse esa configuración:

A partir de ese momento, sus archivos de salida .css serán comprimidos.

¿Hay alguna forma de configurar SASS FileWatcher para que construya un CSS minificado?

Actualmente configuré SASS + YUI Compressor para lograr esto, pero me gustaría hacerlo con SASS puro si es posible.

Aquí están las capturas de pantalla de ambas configuraciones:

SASS

Compresor YUI CSS

Gracias por adelantado.