Sass Yeoman:更改SCSS文件时触发LiveReload

Sass Yeoman:更改SCSS文件时触发LiveReload,sass,compass-sass,yeoman,livereload,Sass,Compass Sass,Yeoman,Livereload,我有最新的yeoman stack,我刚刚将generator webapp升级为master,按照:让livereload正常工作 HTML文件和css文件似乎与livereload配合得很好,但scss文件不会触发重新加载。下面是一段输出: OK >> File "app/index.html" changed. Running "watch" task ... Reload app/index.html ... ... Reload app/index.html ... C

我有最新的yeoman stack,我刚刚将generator webapp升级为master,按照:让livereload正常工作

HTML文件和css文件似乎与livereload配合得很好,但scss文件不会触发重新加载。下面是一段输出:

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...
正在监视和编译scss文件,但它看起来好像忽略了.tmp中输出的css。这与(默认)GrunFile中的以下内容无关

        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}'
            ]
        }
livereload:{
选项:{
利弗雷洛德:利弗雷洛德港口
},
档案:[
“/*.html”,
“{.tmp,}/styles/{,*/}*.css”,
“{.tmp,}/scripts/{,*/}*.js”,
“/images/{,*/}*{png,jpg,jpeg,gif,webp,svg}”
]
}
我想在github上将此作为bug发布,但很难知道堆栈的哪个部分负责。

尝试设置

watch: {
  options: {
    nospawn: false
  }
}

让我知道这是否奏效

如果你找到自己的答案,请张贴。我在一台新机器上安装了这个堆栈,scss对我也不起作用。这似乎已经起作用了!根据文档,它确实减慢了速度,我也不太清楚它为什么会这样做,但它确实有效……太棒了!由于
watch.livereload.files
被绑定到
watch.compass
任务的
.css
编译结果,因此需要额外的步骤来查看编译文件是否已更改。谢谢!这对我也很管用。现在LiveReload在我保存对项目中任何
.scss
文件的更改时看到了这一点(无论如何,compass正在监视的文件)。谢谢@Stephen。这让我发疯。但奇怪的是,有一天用yeoman生成一个应用程序,它会工作得很好。第二天就没有了。