2011-09-26 102 views
0

我想知道是否有一种方法可以忽略将css文件添加到清单application.css文件中。忽略CSS清单文件?

我想这样做的原因是我有两个版本的网站,一个是移动版本,一个是网络版本。移动版本的css目前被添加到清单中,并与主页面的样式相混淆。

无论如何要配置清单文件以排除某个css文件吗?

回答

4

删除require_tree指令,并按照您希望它们添加到application.css的顺序添加所需的文件。省略手机CSS文件。

要访问你需要把它添加到预编译列表中移动CSS文件中 production.rb

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

这将允许您使用标准轨助手访问移动CSS:

<%= stylesheet_link_tag "mobile" %>

与application.css文件不同。

这些情况的一个提示是,您可以在清单之间共享CSS文件。例如,如果您在单独的文件中重置CSS,则可以将这两个清单添加到这两个清单中(假设您也将移动css作为清单)。

0

我最终什么事做的是创造app/assets/stylesheets下的子目录中称为app/assets/stylesheets/webapp/assets/stylesheets/mobile

然后放置application.css与标准:

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

内的每个新webmobile文件夹。然后访问它们:

# just use this 

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

# or this as needed 

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