Problemas con el flujo de trabajo de desarrollo de Sass

Question

He estado intentando adoptar Sass en mi flujo de trabajo de desarrollo. Principalmente desarrollo front-end y, como tal, estoy actualizando las hojas de estilo con bastante frecuencia. Después de una búsqueda interminable, todavía tengo que encontrar la respuesta a lo que creo que debería ser una simple pregunta.

Uso tanto Coda como Textmate, por lo que una solución para cualquiera sería suficiente. Al desarrollar localmente, abro la terminal, obtengo mi archivo .scss y luego voy a la ciudad. Guardo mi archivo .scss, felizmente actualiza mi archivo .css ... y luego me queda la ligera molestia de tener que seleccionar manualmente .css y publicarlo en el servidor remoto.
No es el fin del mundo, pero tener que pausar mi flujo de trabajo de desarrollo habitual para cargar manualmente un archivo en el que no estoy activo se está convirtiendo en una molestia. En Coda, no detecta cuándo se ha actualizado un archivo fuera de Coda, por lo que no está marcado para su publicación. Me esta volviendo loco. Solo necesito una forma de guardar el archivo .scss y tener el archivo .css cargado fácilmente/automáticamente en el servidor remoto. ¡Cualquier ayuda sería muy apreciada!

Answer 1

La forma típica en que se usa Sass es diseñar en su computadora local mientras usa Sass, y solo cargar el CSS (y probablemente también el Sass) en el servidor una vez que haya terminado. Otra alternativa sería ejecutar sass --watch en el servidor para que compile los archivos Sass cargados.

Answer 2

He tenido una tarea de rake que llama a rsync para este tipo de casos. Eso todavía debe ejecutarse cada vez, pero debido a que usa rsync, solo se mueven los archivos modificados. Ahora, mientras leo esto, tengo una idea de que no debería haber 'rsync watch' en algún lado y de hecho parece que hay: http://code.google.com/p/lsyncd/

Answer 3

Aquí hay un enfoque interesante del que acabo de leer, instalar brújula en un pequeño ruby ​​env local, inspirado en python virtualenv: http://rhodesmill.org/brandon/2011/adding-compass/

YMMV (ni siquiera lo he probado).

Answer 4

El Sublime SFTP/FTP Plugin puede supervisar y cargar automáticamente el archivo de salida .css siempre que sea actualizado por el compilador SCSS.

1. Mapa directorio del proyecto a su servidor
2. Check it Woking correctamente navegando a distancia
3. Haga clic derecho sobre el archivo de salida Css, y seleccione 'Monitor de archivos (Subir en Guardar externa)'
4. Mantenga la pestaña del archivo abierta en Sublime para asegurarse de que se monitorea/carga.

Para obtener puntos adicionales, consulte Browsersync o LiveReload.