À quelques reprises, lorsque je suis passé du développement à la mise en scène, j'ai été mordu par la façon dont JavaScript et les feuilles de style changeaient leur comportement lorsqu'ils étaient regroupés dans un seul fichier.Pourquoi rouler javascript ou css dans les rails avec la mise en page?
Par exemple, je suis en train de garder la série de feuilles de style modulaire et petit pour maintenabilité, comme ceci:
<%= stylesheet_link_tag "reset-fonts-grid.css", "typography.css", "layout.css", "cms.css", "cms.about.css", "cms.legal.css", "comments.css", "user_generated_content.css", "overlay.css", "login_page.css", "flag_for_admin.css", 'patch.css', 'nag_guide.css', :cache => "cache/all" %>
Le fonctionne très bien dans le développement, quand vous êtes plus préoccupé par le débogage de comptage http demandes
Mais dès que je passe à un environnement de production ou la mise en cache réglée pour être dans config/environnements/development.rb comme ci-dessous, les dispositions briser:
config.action_controller.perform_caching = false
Que se passe-t-il ici, et pourquoi un fichier concaténé se comporterait-il différemment d'une série de demandes plus petites comme celle-ci, et comment puis-je résoudre ce problème? En outre, quelle est la différence entre le nombre de requêtes http sur la page et la taille du fichier?
De quelle manière les dispositions se brisent-elles? –
Hi John, Fondamentalement, les styles semblent être remplacés, ou tout simplement ignorés lorsque les feuilles de style sont concaténées. Par exemple, j'ai des éléments mis à 'display: none;' qui apparaissent, détruisant les mises en page, et le remplissage ou les marges commencent à se comporter de manière très imprévisible. –