Plugin de Eclipse para compilar automáticamente archivos Sass

Question

Actualmente estoy usando el plugin Aptana para Eclipse, que me proporciona gran resaltado de sintaxis, y me permite hacer clic manualmente para compilar un archivo * .scss en un archivo * .css. Lo que realmente me gustaría poder hacer es compilar automáticamente cada vez que guardo, pero no puedo encontrar la manera de hacerlo.

Sé que puede usar sass --watch en la línea de comandos, pero no quiero tener que configurarlo manualmente cada vez que abra eclipse, o cree un nuevo proyecto.

¿Alguien ha encontrado una buena manera de lograr esto? ¿Debe haber una forma de conectar el paquete Sass de Aptana y ejecutar su comando de compilación cada vez que guardo? La respuesta aceptada al this question sugiere usar un "Creador de programas", pero, ¿es realmente la mejor solución? Si es así, ¿alguien tiene consejos/enlaces a tutoriales?

Actualización: Escribí a blog post sobre cómo usar un script ant como compilador, pero todavía estoy buscando una mejor manera.

Answer 1

¿Podría this page (Automatically Compling SASS/Compass in Eclipse/Zend Studio) ser de ayuda?

Answer 2

hay un interruptor watch para el comunicador sass.
que reconstruye el archivo de salida (css) cada vez que cambia la fuente (scss, sass).

Citando: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass

Usando Sass

Sass se puede utilizar de tres maneras: como una herramienta de línea de comandos, como un módulo independiente Rubí , y como complemento para cualquier Rack habilitado framework, incluidos Ruby on Rails y Merb. El primer paso para todos es instalar la gema Sass:

gem install sass Si está utilizando Windows, es posible que necesite instalar primero Ruby .

Para ejecutar Sass desde la línea de comandos, sólo tiene que utilizar

input.scss Sass output.css También puede decirle Sass para ver el archivo y actualizar el CSS cada vez que el Sass presentar cambios:

Sass --watch input.scss: output.css Si usted tiene un directorio con muchos archivos Sass,
también puede decirle Sass para ver todo el directorio:

Sass --watch app/Sass: publ ic/stylesheets Use sass --help para la documentación completa de .

Usar el código de Sass en Ruby es muy simple. Después de instalar la gema Sass, se puede usar mediante la ejecución requiere "descaro" y el uso de Sass :: motor como modo:

motor = Sass :: Engine.new ("# principal {background-color: # 0000ff } ",: sintaxis =>: scss) motor.render # => "#main {background-color: # 0000ff;} \ n"

Answer 3

Después de muchos intentos, he encontrado que la mejor solución en Eclipse es definir un constructor simple usando el - actualizar la función sass:

• En el menú Proyecto, seleccione "Propiedades" y elija la sección "Constructores".
• Crea un nuevo generador y selecciona "Programa" como tipo de configuración.
• Elija un nombre para su configuración de inicio (SASS ?!).
• Inserta la ruta de tu instalación sass en el campo Ubicación.
• Use $ {project_loc} como directorio de trabajo.
• En el cuadro de texto Argumentos inserte los parámetros de configuración que desea que usen sass y, al final, especifique el parámetro --update seguido de su fuente de directorio de archivos sass seguido de ":" y la carpeta de destino para los archivos css compilados . En mi configuración, "recursos" es la carpeta fuente que contiene los archivos .scss y "web" es el directorio de destino que contiene los archivos compilados .css. El comando --update verificará las modificaciones en la carpeta de origen y todas las subcarpetas. Screenshot
• En la pestaña "Opciones de compilación" simplemente marque todas las opciones en la sección "Ejecutar el constructor:". También puede "Especificar el conjunto de trabajo de los recursos relevantes" para iniciar el constructor solo cuando se guardan los archivos contenidos en las carpetas seleccionadas. Screenshot
• Haga clic en Aceptar para guardar su configuración de inicio.
• Ahora intente modificar un archivo .scss en su directorio de origen y luego guárdelo, verá la salida sass CLI en la ventana de su consola.

La CLI Sass comprueba automáticamente si hay recursos modificados dentro de la carpeta de origen (recursos en la configuración de mi) y compilarlos en la carpeta de destino (web en mi configuración). Además, se compilarán todos los archivos .sass que importen los recursos modificados.

Answer 4

Hay una solución mucho más fácil. Sólo tienes que seguir las instrucciones para instalar SASS de:

http://sass-lang.com/install

y se dará cuenta de que primero tendrá que instalar Ruby. Después de eso, sólo tiene que ir a la carpeta donde se encuentran los archivos SCSS/CSS, iniciar CMD y ejecutar este comando DOS:

>cd <path-to-your-css-files> 
>sass --watch . 

Entonces todo lo que necesita hacer es vincular los archivos de SCSS ser reconocido por Eclipse como archivos CSS nativos Siga esta solución:

https://stackoverflow.com/a/12322531/4180447

Espero que esto ayude.

Nota: Pude haber omitido uno o dos pasos. Esto es según lo que recordé después de completar la instalación. Si enfrenta algún problema, solo publique un comentario e intentaré ayudarlo.

Tarek