Specyficzne dla strony CSS z Railsami App

Question

Chciałbym przetestować dwa różne interfejsy dla mojej aplikacji Rails. Idealnie chciałbym mieć dwa oddzielne pliki css, jeden powiązany z każdym interfejsem (np. New_interface.css i old_interface.css). Obecnie mam dwa różne części dla interfejsów, jeden o nazwie _new_interface.html.erb i jeden o nazwie _old_interface.html.erb. Jeśli chciałbym wywołać prawidłowy plik css, gdy załadowany jest dany widok, w jaki sposób mogę to zrobić? Na przykład, jeśli załaduję _new_interface.html.erb, chcę załadować plik new_interface.css i zignorować plik old_interface.css.

Moja application.css:

/* 
*= require_tree 
*/ 

Answer 1

To pytanie wydaje się być ukierunkowane na to, co trzeba zrobić: Using Rails 3.1 assets pipeline to conditionally use certain css

W skrócie, trzeba zreorganizować swoje aktywa folderu/app/stylów do niektóre podkatalogi i zmieniaj pliki manifestu, aby nie wszystko zostało dołączone do zestawu w czasie wykonywania.

Następnie można umieścić pewną logikę warunkową w widoku, aby załadować prawą wartość css dla zadania. Tag content_for prawdopodobnie przyda się tutaj. Możesz edytować app/views/layouts/application.html.erb i dołączyć linię tuż po drugim javascript <% = yield: view_specific_css%>. Następnie w pliku widoku można użyć

<% content_for :view_specific_css do %> 
    <%= stylesheet_link_tag "whatever %> 
<% end %> 

Answer 2

Należy zachować je zarówno jako część application.css i wykonaj następujące czynności

application.html.haml/erb

body{:class => @old_layout ? "old_layout" : "new_layout"} 

wtedy, gdy kiedykolwiek znajdujesz się w akcji, która jest poza starym układem w kontrolerze, po czym wprowadź

@old_layout = true 

Następnie w pliki css albo prepend wszystko z body.old_layout lub body.new_layout lub użyć SCSS, podzbiór Sass, a rap bieżące pliki css jak tak

body.old_layout{ 
    #all your old layout css goes here, all but body statements of course 
} 

body.new_layout{ 
    #all your new layout css goes here, all but body statements of course 
} 

W ten sposób można zachować rzeczy proste z jednym pliku css. A dzięki rozwiązaniu, które pozwala łatwo przełączać się po każdej czynności kontrolera pojedynczo.