我有最新的 yeoman 堆栈,我刚刚升级了 generator-webapp 来掌握: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 上,但很难知道堆栈的哪一部分负责。
最佳答案
尝试设置
watch: {
options: {
nospawn: false
}
}
让我知道这是否有效!
关于sass - Yeoman:在 SCSS 文件更改时触发 LiveReload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16950612/