2013-08-25 8 views

risposta

0

È possibile creare un file sass che include il resto dei file, quindi guardare solo questo file.

In alternativa, guardare in Grunt e l'ottima grunt-contrib-compass plug

+1

Si aggiorna solo quando cambia il file contenente. – matsko

+0

@matsko sì, questo è davvero ciò che il 'grunt watch' fa –

+0

Ho finito per fare questo: https://stackoverflow.com/questions/18427849/how-to-watch-changes-in-whole-directory-folder- contenente-molti-sass-files/26675999 # 26675999 – matsko

66

sufficiente utilizzare il comando sass --watch <input folder>:<output folder>, in questo modo:

$ ls -l 
css/ sass/ 
$ sass --watch sass:css 

Dove <input folder> contiene i file Sass e <output folder> che ospita i file CSS generati.

+0

Se ho una cartella 'sass' con 20 sottodirectory e con un totale di 200 file' scss' al loro interno, quale impatto avrebbe 'sass --watch' in questo caso sulla CPU/risorse di memoria? –

+0

@piouPioum, ho provato il comando che hai menzionato rileva la modifica ma non scrive. –

+0

Dice ** Impossibile trovare un'opzione chiamata "orologio". **. Non so cosa fare, non posso credere di non poter eseguire un watcher senza installare programmi esterni o utilizzare un task runner –

16

Ampliare la risposta piouPiouM un po ':

  • I file di output saranno creati con gli stessi nomi dei file di input, tranne che termina con .css.
  • <input folder> e <output folder> possono essere gli stessi.
  • Entrambe le cartelle possono essere l'attuale directory di lavoro, in modo da vale quanto segue:

    $ sass --watch .:.

7

ho finito per fare questo senza usare Grunt o Sass-watch:

npm install -g watch 
watch "sass assets/app.scss assets/dist/app.css" assets/css 
+1

Installate sass nella vostra directory web di lavoro? Se è installato a livello di sistema devo digitare l'intero percorso? Quindi ... 'sass --watch/Users/estout/Documents/GIT/project /:/Users/estout/Documents/GIT/project /' – buschschwick

+0

@buschschwick: Sì, lo installate a livello di sistema. Digitate l'indirizzo completo ogni volta, come avete fatto, o un po 'più facile sarebbe cambiare la directory 'cd/Users/estout/Documents/GIT/project /' e poi scrivere '$ sass --watch.:.' – TheCarver

5

Vai al tuo terminale e prendi la cartella, poi scrivi:

sass --watch . 

questo guarderà tutti i file sass e convertirà in file css con lo stesso nome. anche si può fare in questo modo:

sass --watch ~/user/youUser/workspace/project/styles/ 

Spero che questo ti può aiutare.

Problemi correlati