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
seleccioneFile 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:
Gracias por adelantado.