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!