使用Rails 3.1资产管道的JavaScript代码中的图像的URL?

pup*_*eno 26 javascript image asset-pipeline rails-3.1

在CSS文件中,您可以使用以下命令获取图像资产的正确名称(带指纹):

background-image: url(image-url("rails.png"))
Run Code Online (Sandbox Code Playgroud)

但是你如何从JavaScript文件中做同样的事情呢?

Ric*_*lse 49

我看到你正在使用sass helper方法.

在标准(非Sass)CSS中,您可以执行以下操作:

.class { background-image: url(<%= asset_path 'image.png' %>) }

CSS文件需要将erb添加到扩展中:

file_name.css.erb

对于javascript,适用相同的规则:

file_name.js.erb

并在文件中:

var image_path = '<%= asset_path 'image.png' %>'

Rails 资产管道指南是有关如何使用这些功能的极好信息来源.

  • 简而言之,答案就是使用erb. (7认同)