如何在SASS中制作资产?
在 Rails 中,当我们在页面中包含图像时,我们使用 image_tag
帮助器,它生成 标记并在页面添加
?nnnnn
其 url 末尾,这样每次更新图像时旧版本都不会卡在客户端的缓存中。 SASS 需要同样的东西,但我在文档中找不到它。
In Rails, when we include an image into the page we use image_tag
helper, which generates <img>
tag and adds ?nnnnn
at the end of its url, so that every time an image is updated the old version would not be stuck in the cache on the client side. Same thing for SASS needed, but I can't find it in the documentation.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您应该使用 sass-rails gem https://github.com/rails/sass-rails< 提供的帮助程序/a>,(滚动到资产助手)。
任何时候您需要引用资产(图像/音频/视频/字体)
主体时,都可以从 sass 文件内部使用这些助手{
背景: asset_path($relative-asset-path, $asset-class);
注意
:由于 bug,image_url("...") 在 Rails 3.1.0.rc4 上不起作用,但您仍然可以使用 asset_url 和 asset_path。
You should be using helpers provided by sass-rails gem https://github.com/rails/sass-rails, (scroll to Asset Helpers).
These helpers can be used from inside sass files any time you need to reference an asset (image/audio/video/font)
body{
background: asset_path($relative-asset-path, $asset-class);
}
Note: image_url("...") is not working on Rails 3.1.0.rc4 due to a bug, but you can still use asset_url and asset_path.
使用
stylesheet_link_tag
将为您完成此操作,就像image_tag
一样。这也适用于通过javascript_include_tag
链接的 JavaScript 文件。Using
stylesheet_link_tag
will do this for you, just the same asimage_tag
does. This also applies to JavaScript files linked in withjavascript_include_tag
.