忽略CSS清單文件？

Question

我想知道是否有一種方法可以忽略將css文件添加到清單application.css文件中。

我想這樣做的原因是我有兩個版本的網站，一個是移動版本，一個是網絡版本。移動版本的css目前被添加到清單中，並與主頁面的樣式相混淆。

無論如何要配置清單文件以排除某個css文件嗎？

Answer 1

刪除require_tree指令，並按照您希望它們添加到application.css的順序添加所需的文件。省略手機CSS文件。

要訪問你需要把它添加到預編譯列表中移動CSS文件中 production.rb：

 
config.assets.precompile += ['mobile.css'] 

這將允許您使用標準軌助手訪問移動CSS：

<%= stylesheet_link_tag "mobile" %>

與application.css文件不同。

這些情況的一個提示是，您可以在清單之間共享CSS文件。例如，如果您在單獨的文件中重置CSS，則可以將這兩個清單添加到這兩個清單中（假設您也將移動css作爲清單）。

Answer 2

我最終什麼事做的是創造app/assets/stylesheets下的子目錄中稱爲app/assets/stylesheets/web和app/assets/stylesheets/mobile

然後放置application.css與標準：

/* ... 
*= require_self 
*= require_tree . 
*/ 

內的每個新web和mobile文件夾。然後訪問它們：

# just use this 

<%= stylesheet_link_tag "web/application", :media => "all" %> 

# or this as needed 

<%= stylesheet_link_tag "mobile/application", :media => "all" %>