Dynamiczne CSS w potoku Railsowym, kompilacja w locie

Question

Buduję witrynę w Railsach 3.2. Minęły 3 lata, odkąd dotknąłem Railsów lub Ruby, więc jestem zardzewiały na obu, a ostatnim razem, gdy używałem szyn, był Rails 2.3. Nie trzeba dodawać, proszę wybaczyć wszystkie "proste" pytania poniżej.

Oto specyfikacje

• Wielu Tennant CMS/Sklep Site
  • http://company1.mywebsite.com
  • http://company2.mywebsite.com
  • itp
• Każdy "Store" (aka subdomeny) może mieć swój wygląd, styl itp. dzięki dostosowaniom CSS
  • Dostosowania można wykonywać w interfejsie użytkownika w aplikacji, umożliwiając użytkownikowi zmianę podstawowych zmiennych funkcji Bootstrap (tj. @textColor, @bodyBackground itp)
• Używam less-rails-bootstrap gem do Twitter Bootstrap przeglądowej/Feel itp

Oto wyzwania

1. muszę być potrafi dynamicznie wyprowadzać zmienne dla CSS do pliku, który miesza się z Bootstrap, więc zmienne są pobierane w celu utworzenia ostatecznego CSS
2. Gdy użytkownik zmienia zmienną dla CS S, istniejący styl jest zasadniczo unieważniany. Potrzebuję pełnego CSS zrekompilowanego i zapisanego na dysku, strumieniu pamięci lub w innym miejscu, w którym mogę dostać się do niego (pamiętaj, że to jest użycie less)
3. Potrzebuję różnych CSS do wypluwania na poddomeny. Wszelkie sugestie, jak się do tego podejść?

bardziej komplikuje sprawę ...

... biorąc pod uwagę, że w istocie będzie musiał znaleźć jakiś sposób, aby skompilować CSS w locie, co oznacza, że ​​muszę to perełki ja zazwyczaj nie będzie w środowisko produkcyjne. Wydajność będzie bardzo ważna. Czy istnieje sposób, aby to odizolować? Gdy CSS zostanie unieważniony i zregenerowany, mogę pobrać zawartość i albo zapisać ją na dysku, albo przechowywać w niektórych plikach memcached/redis/etc. wystąpienie dla wydajności.

Wszelkie komentarze, nawet jeśli tylko wskaże mi w ogólnym kierunku będą mile widziane.

Dzięki!

Answer 1

Oto rozwiązanie I w końcu wylądował na:

• skończyło się przełączenie na bootstrap-sass zamiast https://github.com/thomas-mcdonald/bootstrap-sass

• dokonała następujących zmian do mojego pliku application.rb aby upewnić się, że grupa :asset jest zawsze włączone mimo środowisko:

  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 
  

• Użyte pojęcia dostarczone przez Man uel Meure (Thank you Manuel!) firmy Kraut Computing pod numerem http://www.krautcomputing.com/blog/2012/03/27/how-to-compile-custom-sass-stylesheets-dynamically-during-runtime/.

  • Wprowadziłem kilka poprawek dopasowanych do moich własnych potrzeb, ale podstawowe pojęcia zilustrowane przez Manuela były podstawą mojego procesu kompilacji.

• W moim modelu (pozwala wywołać "Site") Mam fragment kodu, który wygląda tak:

  # .../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 
  

Mam nadzieję, że to pomaga. Wiem, że jest to odchylenie od pierwotnego stanowiska, ale jego odchylenie, ponieważ wydawało się, że jest to najbardziej osiągalne rozwiązanie problemu.

Jeśli nie odpowiedziałem na konkretne pytanie, które masz, możesz je skomentować, abym mógł rozwinąć w miarę możliwości.

Dzięki!