Difference between revisions of "Compilar archivos Sass al grabar en Netbeans"

From Wiki de Caballero
Jump to navigation Jump to search
Line 16: Line 16:


Habiendo seguido correctamente los pasos anteriores, al momento de salvar un archivo ''.scss'', automaticamente se compilara y se actualizara el archivos ''.css'' correspondiente.
Habiendo seguido correctamente los pasos anteriores, al momento de salvar un archivo ''.scss'', automaticamente se compilara y se actualizara el archivos ''.css'' correspondiente.
[[Category:SASS]]
[[Category:Compass]]
[[Category:CSS]]
[[Category:NetBeans]]

Revision as of 20:41, 18 October 2017

Netbeans nos provee de una forma fácil y rápida de compilar los archivos Sass, sin tener que ingresar comandos en la terminal para este fin.

Configuración

En Netbeans:

  • Ir a Tools -> Options -> Miscellaneous.
  • Al lado de Sass path presionar Search... Esto deberia automaticamente encontrar Sass. Luego de la ruta que aparece agregar un espacio y añadir --compass.
  • Desmarcar la opción Generate extra information (Debug)
  • Presionar Apply y luego Ok.

Sass path.png

  • Una vez hecho lo anterior, hacer click derecho sobre el proyecto en el que se desea configurar la compilación automática de Sass: Set configuration -> Customize -> CSS Preprocessor.
  • Marcar la casilla Compile Sass on Save.
  • En Watch aparece Input y Output. Debemos colocar en estos campos, la ruta donde se encuentran los archivos .scss (input) y donde debería estar el archivo .css resultante (output).

Input output sass.png

  • Luego presionar Ok.

Habiendo seguido correctamente los pasos anteriores, al momento de salvar un archivo .scss, automaticamente se compilara y se actualizara el archivos .css correspondiente.