带有 3rd 方 css 的 Rails 4 资产管道

Question

通过阅读 Rails 4 Asset Pipeline 指南，您可以为 3rd 方资产做什么。比如我包含了一个别人开发的css文件，我是否需要通过并确保这样的事情

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

是用erb语法定义的吗？ IE 如果只是引用 /assets/logo.png 而没有 ERB 语法怎么办？

也许我会丢失资产指纹？ IE 如果我加载没有指纹的静态资产，浏览器可能总是缓存该资产 - 无限期。

如果它指向管道中的资产并且该资产已更新，那么指纹也会更新，因此它会在加载时在远程浏览器上更新。

我在阅读 Heroku Rails 4 资产管道指南时遇到了这种困惑。

在 Rails 4 中，sprockets 只会产生摘要文件名。这意味着您必须使用这样的 ERB 助手来引用您的资产：

<%= asset_path('logo.png') %>

确保为 app/assets 中使用 ERB 帮助程序的所有文件添加 .erb 扩展名。所以 application.css 需要是 application.css.erb。

Answer 1

对于第三方资产，您只需将 gem 添加到 Gemfile。最知名的 3rd 方图标集（例如您提到的那些）已经有一个可以将它们包含在资产管道中的宝石：

字体真棒：https://github.com/bokmann/font-awesome-rails

引导程序：https://github.com/seyhunak/twitter-bootstrap-rails

输入密码：https://github.com/lwe/entypo-rails

您可以只使用静态文件background-image:url("logo.png); 预编译资产后，rails 将添加指纹。

RAILS_ENV=production bundle exec rake assets:precompile

这会添加包含已编译资产的 public/assets 文件。根据Asset Pipeline Guide：

In production, Rails inserts an MD5 fingerprint into each filename so that 
the file is cached by the web browser. You can invalidate the cache by altering
this fingerprint, which happens automatically whenever you change the file contents.

所以每次文件更改都会生成一个新的指纹。