使用 Rails 3.1 assets资源 管道有条件地使用某些 css

我发现了一种方法，通过仍然使用assets资源 管道，但将样式表分组，从而使其不那么僵硬，也不会成为future 的证据.它并不比您的解决方案简单多少，但是这个解决方案允许您自动添加新的样式表，而不必再次重新编辑整个 struct .

您想要做的是使用单独的 list 文件来拆分.首先，您必须重新组织您的app/assets/stylesheets文件夹:

app/assets/stylesheets
+-- all
    +-- your_base_stylesheet.css
+-- print
    +-- blueprint
        +-- print.css
    +-- your_print_stylesheet.css
+-- ie
    +-- blueprint
        + ie.css
    +-- your_ie_hacks.css
+-- application-all.css
+-- application-print.css
+-- application-ie.css

然后编辑三个 list 文件:

/**
 * application-all.css
 *
 *= require_self
 *= require_tree ./all
 */

/**
 * application-print.css
 *
 *= require_self
 *= require_tree ./print
 */

/**
 * application-ie.css
 *
 *= require_self
 *= require_tree ./ie
 */

接下来，更新应用程序布局文件:

<%= stylesheet_link_tag "application-all", :media => "all" %>
<%= stylesheet_link_tag "application-print", :media => "print" %>

<!--[if lte IE 8]>
    <%= stylesheet_link_tag "application-ie", :media => "all" %>
<![endif]-->

最后，不要忘记将这些新的 list 文件包括在您的配置/Environment/Production.rb中:

config.assets.precompile += %w( application-all.css application-print.css application-ie.css )

更新:

正如麦克斯指出的，如果你遵循这个 struct ，你必须注意图像引用.你有几个 Select :

1. Move the images to follow the same pattern
2. Qualify the image path:
3. Use the SASS helper:
   • background: image-url('image.png');个