Question

我的应用程序在开发环境中工作得很好，但是当我切换到生产环境时，我发现样式看起来有点不同。经过一些追踪后，我注意到这些标签：

＆＃xA;＆＃xA;

 ＆lt; style type =“text / css”media =“screen”＆gt; ...＆lt; / style＆gt ;＆＃xA;＆lt; style type =“text / css”media =“media”＆gt; ...＆lt; / style＆gt;＆＃xA;＆lt; style type =“text / css”media =“print”＆gt; ... ＆lt; / style＆gt;＆＃xA;

＆＃xA;＆＃xA;

被添加到head标签中，覆盖了我的application.css样式。

＆＃xA;＆ #xA;

有没有办法阻止这些标记被添加到呈现的页面？

＆＃xA;＆＃xA;

更新

＆ #xA;＆＃XA;

的Gemfile ＆＃XA;来源' https://rubygems.org '＆＃xA;＆＃xA;

 ＃Bundle edge Rails代替：gem'rail'，github：'rails / rails'＆＃xA; gem'rail'，'4.2.0'＆＃xA;＃使用sqlite3作为Active Record＆＃xA; gem的数据库'sqlite3'＆＃xA;＃将SCSS用于样式表＆＃xA; #gem'sass-rails'，'〜＆gt; 5.0'＆＃xA;＃使用Uglifier作为JavaScript资源的压缩器＆＃xA; gem'uglifier'，'＆gt; = 1.3.0'＆＃xA;＃将CoffeeScript用于.coffee资产和视图＆＃xA; gem'coffee- rails'，'〜＆gt; 4.1.0'＆＃xA;＃请参阅https://github.com/sstephenson/execjs#readme获取更多支持的运行时＆＃xA; #gem'therubyracer'，平台:: ruby＆＃xA; gem'depaise'＆＃xA ; gem'carrierwave'＆＃xA; gem'rmagick'＆＃xA; gem'mysql2'＆＃xA;＃使用jquery作为JavaScript库＆＃xA; gem'jquery-rails'＆＃xA;＃Turbolinks进行以下链接在您的Web应用程序中更快。阅读更多：https：//github.com/rails/turbolinks
gem'turbolinks'和＃xA;＃轻松构建JSON API。阅读更多：https：//github.com/rails/jbuilder
gem'jbuilder'，'〜＆gt; 2.0'＆＃xA; #bund exec rake doc：rails在doc / api下生成API。＆＃xA; gem'sdd'，'〜＆gt; 0.4.0'，group :: doc＆＃xA;＃包含font-awesome图标＆＃xA; #gem'twitter-bootstrap-rails'＆＃xA; #gem'bootstrap-sass'＆＃xA; gem'font- awesome-rails'＆＃xA;＆＃xA;＃使用ActiveModel has_secure_password＆＃xA; #gem'bcrypt'，'〜＆gt; 3.1.7'＆＃xA;＆＃xA;＃使用Unicorn作为应用服务器＆＃xA; gem'unicorn'＆＃xA;＆＃xA;＃使用Capistrano进行部署＆＃xA; gem'capistrano'，'〜＆gt; ; 3.1.0'＆＃xA;＆＃xA; #cord特定的capistrano函数＆＃xA; gem'capistrano-rails'，'〜＆gt; 1.1.0'＆＃xA;＆＃xA;＃将bundler与capistrano＆＃xA; gem'capistrano-bundler'＆＃xA;＆＃xA;＃如果你使用的是RBENV＆＃xA; gem'capistrano-rbenv'， “〜＆gt; 2.0”＆＃xA; gem'capistrano-rvm'＆＃xA;＆＃xA; group：development，：test do＆＃xA; ＃在代码中的任何地方调用'byebug'来停止＆＃xA; #cute并获取调试器控制台＆＃xA; gem'byebug'＆＃xA;＆＃xA; ＃在例外页面上或使用＆lt;％= console％＆gt;访问IRB控制台在观点＆＃xA; gem'web-console'，'〜＆gt; 2.0' ＆＃XA;＆＃XA; #Spring通过保持您的应用程序＆＃xA;来加速开发。 ＃在后台运行。阅读更多：https：//github.com/rails/spring
宝石'春天'，'〜＆gt; 1.3.4'＆＃xA; end＆＃xA; group：production do＆＃xA; gem'rail_12factor'＆＃xA; end＆＃xA;

＆＃xA;＆＃xA;

production.rb

＆＃xA;＆ #xA;

  Rails.application.configure do＆＃xA; config.cache_classes = true＆＃xA; config.eager_load = true＆＃xA; config.consider_all_requests_local = false＆＃xA; config.action_controller.perform_caching = true＆＃xA; config.serve_static_files = ENV ['RAILS_SERVE_STATIC_FILES']。present？＆＃xA; config.assets.js_compressor =：uglifier＆＃xA; config.assets.compile = false＆＃xA; config.assets.digest = true＆＃xA; config.log_level =：debug＆＃xA; config.i18n.fallbacks = true＆＃xA; config.active_support.deprecation =：notify＆＃xA; config.log_formatter = :: Logger :: Formatter.new＆＃xA; config.assets.compile = true＆＃xA; config.assets.precompile = ['* .js'，'* .css'，'* .css.erb']＆＃xA; config.active_record.dump_schema_after_migration = false＆＃xA; end＆＃xA;

＆＃xA;

Answer 1

从

更改app / views / layouts / application.html.erb中head标签的默认顺序

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= favicon_link_tag 'favicon.ico' %>
<%= csrf_meta_tags %>

到

<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= favicon_link_tag 'favicon.ico' %>
<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>

解决了问题，并且没有向渲染页面添加额外的样式标记。

Rails为渲染页面添加了额外的<style>标签

1 个答案: