我有最新的 yeoman 堆栈,我刚刚将 generator-webapp 升级为 master:https ://github.com/yeoman/generator-webapp/pull/67以使 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 被忽略了。尽管(默认)Gruntfile 中有以下内容,但仍然如此。
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}'
]
}
我会将其作为错误发布在 github 上,但很难知道堆栈的哪一部分负责。