Question

快速提问导轨在那里......

使用Rails 3.0.x应用程序时，我是Guard和LiveReload的重度用户。但是，似乎在Rails 3.1中使用资产管道时，livereload guard不知道对Sass文件的更改应该触发向浏览器发送新的css。

是否有人将LiveReload与Asset Pipeline一起使用？如果是这样，你是如何使它工作的？

谢谢！

Answer 1

在Github上关注一些问题后，我发现以下问题解决了我的问题：

1）确保所有scss文件都按照新的资产约定命名，如下所示：filename.css.scss

我在Rails 3.1之前使用scss并刚刚命名了所有我的sass文件filename.scss。

2）在护卫文件中使用以下内容进行livereload：

guard 'livereload' do
  watch(%r{app/helpers/.+\.rb})
  watch(%r{app/views/.+\.(erb|haml)})
  watch(%r{(public/).+\.(css|js|html)})
  watch(%r{app/assets/stylesheets/(.+\.css).*$})    { |m| "assets/#{m[1]}" }
  watch(%r{app/assets/javascripts/(.+\.js).*$}) { |m| "assets/#{m[1]}" }
  watch(%r{lib/assets/stylesheets/(.+\.css).*$})    { |m| "assets/#{m[1]}" }
  watch(%r{lib/assets/javascripts/(.+\.js).*$}) { |m| "assets/#{m[1]}" }
  watch(%r{vendor/assets/stylesheets/(.+\.css).*$}) { |m| "assets/#{m[1]}" }
  watch(%r{vendor/assets/javascripts/(.+\.js).*$})  { |m| "assets/#{m[1]}" }
  watch(%r{config/locales/.+\.yml})
end

Answer 2

我发现以下内容也很有效：

guard :livereload do
  watch(%r{^app/.+\.(erb|haml|js|css|scss|sass|coffee|eco|png|gif|jpg)})
  watch(%r{^app/helpers/.+\.rb})
  watch(%r{^public/.+\.html})
  watch(%r{^config/locales/.+\.yml})
end

这不是运行guard init livereload时生成的默认代码，因为某些原因使用sass导入效果不佳。

Answer 3

正如@mirko在他的评论中提到的，不推荐使用scss文件中的额外.css。所以添加它并不是一个很好的解决方案，而且我已经体验到只需添加scss扩展就会强制页面重新加载。

所以我发现这有效：

watch(%r{(app|vendor)(/assets/\w+/(.+)\.(scss))}) { |m| "/assets/#{m[3]}.css" }`

我的理解是这将scss文件映射到已编译的css文件。我希望它也适用于sass。

Source: Github Issue

Rails：使用带有Asset Pipeline的livereload

3 个答案: