Rails 上的 Livereload 未显示 SCSS 更改答案

【问题标题】：Livereload on Rails not showing SCSS changesRails 上的 Livereload 未显示 SCSS 更改
【发布时间】：2015-03-04 11:03:00
【问题描述】：

我有以下设置：rails 4. 所有 SCSS 和 HTML 都在 app/assets/stylesheets | templates

宝石文件：

gem 'guard'
gem 'guard-compass'
gem 'guard-shell'
gem 'guard-livereload'

保护文件：

guard :livereload do
  watch(%r{app/assets/.+\.(css|html|png|jpg)})
end

Liveload 已连接并等待更改

$ guard
19:45:10 - INFO - LiveReload is waiting for a browser to connect.
19:45:11 - INFO - Guard is now watching at '/Users/dev/myproject'
[1] guard(main)> 19:46:05 - INFO - Browser connected.

【问题讨论】：

Rails: Use livereload with Asset Pipeline的可能重复

标签： ruby-on-rails-4 sass livereload

【解决方案1】：

我遇到了同样的问题——我认为这是因为 Guard 只监视 CSS 更改，但在发出请求之前不会编译 CSS。如果您编辑主样式表（或任何带有.css.scss 扩展名的样式表）应该触发实时重新加载，尽管部分不会。将scss 添加到您的保护文件应该意味着它会获取部分更改，但它似乎会触发整个页面刷新而不是注入样式。

我认为这是我的错误配置，或者可能是其中一个 gem 的更新损坏了某些东西，但我不确定如何开始追踪它。

【讨论】：