Problemi di flusso di sviluppo Sass problemi

Question

Ho cercato di adottare Sass nel mio flusso di lavoro di sviluppo. Io principalmente sviluppo front-end e come tale, sto aggiornando i fogli di stile abbastanza frequentemente. Dopo una ricerca senza fine, devo ancora trovare la risposta a ciò che ritengo dovrebbe essere una semplice domanda.

Io uso sia Coda che Textmate, quindi una soluzione per entrambi sarebbe sufficiente. Quando sviluppo localmente, apro il terminale, ottengo il mio file .scss guardato, poi vado in città. Salvo il mio file .scss, aggiorna felicemente il mio file .css ... e poi mi rimane il leggero fastidio di dover selezionare manualmente il file .css e pubblicarlo sul server remoto.
Non è la fine del mondo, ma dover mettere in pausa il mio solito flusso di lavoro dev per caricare manualmente un file in cui non sto attivamente sta diventando una seccatura. In Coda, non rileva quando un file è stato aggiornato al di fuori di Coda, quindi non è contrassegnato per la pubblicazione. Mi sta facendo diventare pazzo. Ho solo bisogno di un modo per salvare il file .scss e avere il file .css facilmente/automaticamente caricato sul server remoto. Qualsiasi aiuto sarebbe molto apprezzato!

Answer 1

Il modo tipico in cui Sass viene utilizzato è progettare sul computer locale mentre si utilizza Sass, e solo caricare il CSS (e probabilmente anche il Sass) sul server una volta finito. Un'altra alternativa sarebbe quella di eseguire sass --watch sul server in modo che compili i file Sass caricati.

Answer 2

Ho avuto un rake task che chiama rsync per questo tipo di casi. Questo deve ancora essere eseguito ogni volta, ma poiché usa rsync vengono spostati solo i file modificati. Ora, leggendo questo ho avuto l'idea che non ci dovrebbe essere 'rsync watch' da qualche parte e in effetti sembra esserci: http://code.google.com/p/lsyncd/

Answer 3

Ecco un approccio interessante di cui ho appena letto, che installa la bussola in un piccolo local ruby ​​env, ispirato a python virtualenv: http://rhodesmill.org/brandon/2011/adding-compass/

YMMV (Non l'ho nemmeno provato io stesso).

Answer 4

Il Sublime SFTP/FTP Plugin può monitorare e caricare automaticamente il file di output .css ogni volta che viene aggiornato dal compilatore SCSS.

1. Mappa directory del progetto al server
2. Controllare è woking correttamente mentre si naviga in remoto
3. Fare clic destro sul file di output css e scegliere 'Monitor File (Carica su Save esterna)'
4. Tieni aperta la scheda del file in Sublime per assicurarti che rimanga monitorata/caricata.

Per i punti extra, dare un'occhiata a Browsersync o LiveReload.