3

我正在使用 Ruby on Rails 4 开发一个站点，并且遇到了一些 CSS 文件的路径问题。

我的applicaiton.sass文件中未包含以下资产：

  • 移动.scss
  • Mozilla.scss
  • msie.scss
  • 歌剧.scss
  • webkit.scss

我已将它们包含在我application.rb的预编译中，使用以下内容：

config.assets.precompile += [
  'mobile.css',
  'mozilla.css',
  'msie.css',
  'opera.css',
  'webkit.css'
]

在我的生产服务器上，我运行了以下命令（注意：该touch命令是为了确保应用程序重新启动并清除缓存，因为我使用 Phusion Passenger 和 Nginx 作为我的服务器）：

rake assets:precompile RAILS_ENV=production
touch tmp/restart.txt

运行上述命令后，我注意到资产已预编译并驻留在我的public/assets/目录中。它们也正确地列在目录中的manifest.json文件中public/assets/。

当我在浏览器中加载站点并查看源代码时，我注意到浏览器特定的 CSS 文件没有使用正确的资产路径。表明：

<link href="/assets/application-ec1031f251a585c79d4404ef2899f6d1.css" media="screen" rel="stylesheet" />
<link href="/stylesheets/webkit.css" media="screen" rel="stylesheet" />

虽然我希望看到：

<link href="/assets/application-ec1031f251a585c79d4404ef2899f6d1.css" media="screen" rel="stylesheet" />
<link href="/assets/webkit-70899fec75bb8eae24edae491a94f73a.css" media="screen" rel="stylesheet" />

我的视图看起来使用以下代码：

<% if @mobile %>
  <%= stylesheet_link_tag :mobile %>
<% else %>
  <%= stylesheet_link_tag :application %>
  <%= stylesheet_link_tag :msie if @browser == 'Internet Explorer' %>
  <%= stylesheet_link_tag :opera if @browser == 'Opera' %>
  <%= stylesheet_link_tag :mozilla if @browser == 'Mozilla' %>
  <%= stylesheet_link_tag :webkit if @browser == 'Webkit' %>
<% end %>

我的问题是webkit.css路径不应该正确输出还是我遗漏了什么？任何帮助将不胜感激。

4

2 回答 2

1

当您在生产模式下预编译资产时（假设您遵循Rails 资产管道指南，您的所有资产app/assets都将编译为application.css. 因此，此处列出的所有文件都已在application.css：

config.assets.precompile += [
  'mobile.css',
  'mozilla.css',
  'msie.css',
  'opera.css',
  'webkit.css'
]

这是推荐的方法，因为一个较大的文件比几个较小的文件加载速度更快，因为 HTTP 请求和响应通常是应用程序过程中最慢的部分。

如果您绝对需要根据您的代码有条件地包含基于浏览器类型的样式表，您可以：

  1. 从资产管道清单中删除它们application.css并将 CSS 文件保留在app/assets/stylesheets目录中，然后像上面那样包含它们。
  2. 将 CSS 文件移到资产管道目录之外，然后像在上面的视图代码中一样包含它们。这样，它们就不会被编译到application.css文件中，可以单独加载

请记住，这些选项中的任何一个都违背了资产管道的主要意图之一。

于 2013-11-10T00:14:49.597 回答
0

对不起，如果我有点太明显了，但你有没有在你的 production.rb 中说明：

config.serve_static_assets = true
于 2013-11-09T23:52:47.330 回答