sass - Yeoman: activación de LiveReload en el cambio de archivos SCSS

compass-sass

Question

Tengo la última pila de yeoman, y acabo de actualizar la aplicación de generador-webapp según: https://github.com/yeoman/generator-webapp/pull/67 para que Livereload funcione correctamente.

Parece que los archivos HTML y los archivos CSS funcionan correctamente con la carga en tiempo real, pero los archivos scss no provocan una recarga. Aquí hay un fragmento de salida:

OK
>> File "app/index.html" changed.
Running "watch" task
... Reload app/index.html ...
... Reload app/index.html ...
Completed in 0.005s at Wed Jun 05 2013 22:45:46 GMT+0100 (BST) - Waiting...
OK
>> File "app/styles/main.scss" changed.
Running "compass:server" (compass) task
overwrite .tmp/styles/main.css
Running "watch" task
Completed in 1.101s at Wed Jun 05 2013 22:45:57 GMT+0100 (BST) - Waiting...

El archivo scss se está viendo y compilando, pero parece que se está ignorando el CSS entregado en .tmp. Esto es a pesar de lo siguiente en el Gruntfile (predeterminado).

 livereload: {
options: {
livereload: LIVERELOAD_PORT
},
files: [
''<%= yeoman.app %>/*.html'',
''{.tmp,<%= yeoman.app %>}/styles/{,*/}*.css'',
''{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js'',
''<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}''
]
}

Publicaría esto como un error en github, pero es difícil saber qué parte de la pila es responsable.

Answer 1

Intenta configurar

watch: {
options: {
nospawn: false
}
}

¡Avísame si esto funciona!