Rails资产管道与主题

Question

我有一个应用程序,允许用户为他们的页面选择一个主题.有几种不同的主题供他们选择.

每个页面的HTML结构与div上的相同类名完全相同.CSS会有所不同以填写主题.当用户选择主题时,我将主题id存储在数据库中,并在访问页面时对其进行查询,并在以下位置加载相应的CSS文件application_layout.html.erb:

<%= yield(:theme_style) %>

在users_page.html.erb,我抓住适当的文件:

<%= provide(:theme_style, "theme_styles/#{@user.style.style_filename_file_name}") %>

由于页面结构不会发生变化,因此重要的是CSS文件不能在一个大的CSS文件中一起编译,否则最后一个主题将是唯一可用的,因为它将覆盖所有以前的样式.如何让Rails处理主题文件？

在production.rb,我有,config.assets.precompile += ['theme_styles/basic.css', 'theme_styles/two-column.css']但似乎没有做伎俩,因为它告诉我它没有预编译.

我似乎无法在任何地方找到足够的信息来让我朝着正确的方向前进,我已经查看了博客,SO问题和Rails文档.

Answer 1

我知道这是一个旧的,但我想我会回答我做了什么,以防它帮助其他人.我在我的应用程序中有类似的需求,并且在没有找到大量结果之后,并且在自定义选择器控制的一个css文件中使用它们时遇到IE最大数量的选择器错误我最终走了让每个主题都在不同的路径通过创建如下所示的文件夹结构来创建CSS文件:

整体文件夹结构:

• /应用/资产/样式表/
• /应用/资产/样式表/所有/
• /应用/资产/样式/主题-1 /
• /应用/资产/样式/主题-2 /
• 等等

在app/assets/styleshseets中我把application.css.scss(或者只是css如果你没有使用sass)这个文件有一个require self和我在所有网站上使用的一些mixin但是就是这样

 *= require_self

展望未来,每个主题都有一个css文件夹,所有文件夹都有一个文件夹,每个文件夹都有一个清单(清单放在main/stylesheets文件夹中).它最终只是一个小工作来设置正确,但工作就像一个配置的魅力,没有更多的重叠或无关的css服务于具有不同主题的人,也解决了IE最大选择器问题.

更多细节

所有共享css的所有文件夹

/应用/资产/样式表/所有/

所以把你正在使用的任何css文件放在那里的所有主题.我把我的引导程序放在那里,但你可以把任何共享的CSS放在你想要的地方.那个的清单是......

 *= require_self
 *= require_tree ./all

然后你的主题,每个主题与它自己的文件夹:

/应用/资产/样式/主题-1 /

它显而易见:

   *= require_self
   *= require_tree ./theme-1

所以你的第二个主题是相同的(文件夹名称和清单中的2个而不是1个).

使这些工作在资产管道中

在您的production.rb文件中添加以下内容

  config.assets.precompile += %w( application-all.css application-theme-1.css application-theme-2.css, etc.)

我将我的主题存储到客户端站点并动态提供,这也允许我在运行时更改.在我的一个控制器(或应用程序,如果这是一个站点范围设置):

class MyController < ApplicationController
  layout :serve_layout
...
  def serve_layout
    #do what you need to call your layout / theme...    
  end

希望这有助于其他人坚持这艘船.