sintaxis - sass css install

Eclipse plugin para compilar automáticamente archivos Sass (4)

Actualmente estoy usando el complemento Aptana para Eclipse, que me brinda un excelente 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 hacer que se compile automáticamente cada vez que guardo, pero no puedo averiguar cómo hacerlo.

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

¿Alguien ha encontrado una buena manera de lograr esto? ¿Debe haber una forma de conectarse al paquete Sass de Aptana y ejecutar el comando de compilación cada vez que guardo? La respuesta aceptada a esta pregunta sugiere utilizar un "Program Builder", pero ¿es esta realmente la mejor solución? Si es así, ¿alguien tiene algún consejo / enlace a tutoriales?

Actualización: escribí una publicación en el blog sobre cómo utilizar un script ant como generador, pero sigo buscando una mejor manera.

¿Podría link ser de ayuda?

Después de muchos intentos, he encontrado que la mejor solución en Eclipse es definir un Generador simple usando la característica --update sass:

En el menú Proyecto, seleccione "Propiedades" y elija la sección "Constructores".
Cree un nuevo generador y seleccione "Programa" como tipo de configuración.
Elija un nombre para su configuración de lanzamiento (SASS ?!).
Inserte la ruta de su instalación de 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 sass use y, al final, especifique el parámetro --update seguido de la fuente del directorio de los archivos sass seguido de ":" y la carpeta de destino para los archivos css compilados. En mi configuración, "recursos" es la carpeta de origen que contiene los archivos .scss y "web" es el directorio de destino que contiene los archivos .css compilados. El comando --update comprobará las modificaciones en la carpeta de origen y en todas las subcarpetas. Screenshot
En la pestaña "Opciones de compilación", simplemente marque todas las opciones en la sección "Ejecutar el generador:". También puede "Especificar el conjunto de trabajo de los recursos relevantes" para iniciar el generador solo cuando se guardan los archivos contenidos en las carpetas seleccionadas. Screenshot
Haga clic en Aceptar para guardar la configuración de inicio.
Ahora intente modificar un archivo .scss en su directorio de origen y luego guárdelo, verá la salida de CLI sass en la ventana de su consola.

El CLI sass comprobará automáticamente los recursos modificados dentro de la carpeta de origen (recursos en mi configuración) y los compilará en la carpeta de destino (web en mi configuración). Además, todos los archivos .sass que importan los recursos modificados serán compilados.

Hay una solución mucho más fácil. Simplemente siga las instrucciones para instalar SASS desde:

http://sass-lang.com/install

y te darás cuenta de que primero tendrás que instalar Ruby. Después de eso, simplemente vaya a la carpeta donde se encuentran sus archivos SCSS / CSS, inicie CMD y ejecute este comando de DOS:

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

Entonces, todo lo que necesita hacer es vincular sus archivos SCSS para que Eclipse los reconozca como archivos CSS nativos. Siga esta solución:

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

Espero que esto ayude.

Nota: podría haber perdido uno o dos pasos. Esto es según lo que recordé después de que completé la instalación. Si tiene algún problema, solo publique un comentario e intentaré ayudarle.

Tarek

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

Cotizando desde: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass
Usando sass
Sass se puede utilizar de tres formas: como herramienta de línea de comandos, como módulo independiente de Ruby y como complemento para cualquier marco habilitado para Rack, incluidos Ruby on Rails y Merb. El primer paso para todo esto es instalar la gema Sass:
gem install sass Si está usando Windows, es posible que necesite instalar Ruby primero.
Para ejecutar Sass desde la línea de comandos, simplemente use
sass input.scss output.css También puede decirle a Sass que mire el archivo y actualice el CSS cada vez que el archivo Sass cambie:
sass --watch input.scss: output.css Si tiene un directorio con muchos archivos Sass,
También puedes decirle a Sass que vea el directorio completo:
sass --watch app / sass: public / stylesheets Use sass --help para obtener toda la documentación.
Usar Sass en código Ruby es muy simple. Después de instalar la gema de Sass, puede usarla ejecutando require "sass" y utilizando Sass :: Engine de esta forma:
engine = Sass :: Engine.new ("# main {background-color: # 0000ff}",: syntax =>: scss) engine.render # => "#main {background-color: # 0000ff;} / n"