Sass Yeoman:更改SCSS文件时触发LiveReload
我有最新的yeoman stack,我刚刚将generator webapp升级为master,按照:让livereload正常工作 HTML文件和css文件似乎与livereload配合得很好,但scss文件不会触发重新加载。下面是一段输出: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
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生成一个应用程序,它会工作得很好。第二天就没有了。