Rails資產管道中的動態CSS，實時編譯

Question

我在Rails 3.2中構建了一個站點。自從我觸及Rails或Ruby之後已經有3年了，所以兩者都生鏽了，再加上我最後一次使用Rails是Rails 2.3。不用說，請原諒以下任何「簡單」問題。

這裏是規格

• 多坦CMS /存儲站點
  • http://company1.mywebsite.com
  • http://company2.mywebsite.com
  • 等
• 每個 「商店」（又名子域名）可以通過CSS自定義0具有自己的外觀，感覺等
  • 定製可以在應用程序中的應用程序中執行，允許用戶更改Bootstrap的基本變量（即， @textColor，@bodyBackground等）
• 我使用less-rails-bootstrap寶石到Twitter的引導外觀/感受等

這裏是挑戰

1. 我需要能夠動態地將CSS的變量輸出到一個文件中，該文件被混合到Bootstrap中，因此變量被拾取以創建最終的CSS
2. 當用戶更改CS的變量S，現有的風格基本上是無效的。我需要完整的CSS重新編譯並寫回到磁盤，內存流或其他可以讓我掌握的地方（請記住這是使用less）
3. 我需要不同的CSS來爲每個子域吐出。有關如何解決這個問題的任何建議？

而且此事複雜...

...因爲我基本上將不得不尋找一些方法來編制上飛的CSS，這意味着我必須包括GEMS我通常不會在一個生產環境。性能將非常重要。有沒有辦法隔離這個？一旦CSS失效並重新生成，我可以將內容寫入磁盤或將其存儲在某些memcached/redis/etc中。性能實例。

任何意見，即使只是指向一個大方向我將不勝感激。

謝謝！

Answer 1

這裏是解決方案，我終於登上：

• 我最終切換到bootstrap-sass代替https://github.com/thomas-mcdonald/bootstrap-sass

• 做了以下修改我的application.rb文件，以確保:asset組總是包含儘管環境：

  if defined?(Bundler) 
      # If you precompile assets before deploying to production, use this line 
      # Bundler.require(*Rails.groups(:assets => %w(development test))) 
      # If you want your assets lazily compiled in production, use this line 
      Bundler.require(:default, :assets, Rails.env) 
  end 
  

• 使用了由Man提供的概念Kraut Computing的uel Meure（謝謝Manuel！）發現於http://www.krautcomputing.com/blog/2012/03/27/how-to-compile-custom-sass-stylesheets-dynamically-during-runtime/。

  • 我做了一些調整以適合自己的需要，但Manuel所闡述的核心概念是我編譯過程的基礎。

• 在我的模型（可以稱之爲 「網站」），我有一個代碼片段看起來像這樣：

  # .../app/models/site.rb 
  ... 
  
  BASE_STYLE = " 
      @import \"compass/css3\"; 
  
      <ADDITIONAL_STYLES> 
  
      @import \"bootstrap\"; 
      @import \"bootstrap-responsive\"; 
  ".freeze 
  
  # Provides the SASS/CSS content that would 
  # be included into your base SASS content before compilation 
  def sass_content 
      " 
      $bodyBackground: #{self.body_background}; 
      $textColor: #{self.text_color}; 
      " + self.css # Any additional CSS/SASS you would want to add 
  end 
  
  def compile_css(test_only = false, force_recompile = false) 
  
      # SassCompiler is a modification of the information made available at the Kraut Computing link 
      compiler = SassCompiler.new("#{self.id}/site.css", {:syntax => :scss, :output_dir => Rails.root.join('app', 'assets', 'sites')}) 
  
      # Bail if we're already compiled and we're not forcing recompile 
      return if compiler.compiled? && !force_recompile && !test_only 
  
      # The block here yields the content that will be rendered 
      compiler.compile(test_only) { 
      # take our base styles, slap in there some vars that we make available to be customized by the user 
      # and then finally add in our css/scss that the user updated... concat those and use it as 
      # our raw sass to compile 
      BASE_STYLE.gsub(/<ADDITIONAL_STYLES>/, self.sass_content) 
      } 
  end 
  

我希望這有助於。我知道它偏離了原來的帖子，但它的偏差，因爲這似乎是解決問題的最可行的辦法。

如果我還沒有回答你有一個具體的問題，請隨時發表評論，所以我可以擴大在可能的情況。

謝謝！