sass - Yeoman:在 SCSS 文件更改时触发 LiveReload

标签 sass compass-sass yeoman livereload

我有最新的 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/

相关文章:

css - 如何简化这个 SASS 语句?

node.js - 我可以拥有每个项目的 Yeoman 生成器吗?

javascript - 有没有一种简单的方法可以使 Javascript 应用程序 SEO 友好?

windows - 如何在Windows中将Assetic + sass与Symfony2配合使用?

javascript - "grunt watch"总是在发生 fatal error 后停止监视 - 如何让它在几秒钟后自动重试?

sass - Gulp 第二次运行时将文件放入错误的目录中

css - 遍历目录中的文件

ruby - GulpJS : I don't want gulp-ruby-sass to loop through all sass files

css - Susy 响应式网格

gruntjs - Karma.conf.js 不存在