rails模仿生产资产预编译在开发中解决css编译失败

时间:2015-01-09 08:58:03

标签: ruby ruby-on-rails-4 asset-pipeline

我试图找出为什么我的application.css.scss文件没有在我的暂存环境中正确预编译。我试图通过将我的本地环境文件替换为与我的暂存文件相同来在本地复制错误。即使我正在使用我本地的登台环境设置,预编译后仍然可以在开发中使用所有内容(但不是预期的uglified)。

我的设置在

之下
Rails.application.configure do
  # Settings specified here will take precedence over those in config/application.rb.

  # Code is not reloaded between requests.
  config.cache_classes = true

  # Eager load code on boot. This eager loads most of Rails and
  # your application in memory, allowing both threaded web servers
  # and those relying on copy on write to perform better.
  # Rake tasks automatically ignore this option for performance.
  config.eager_load = true

  # Full error reports are disabled and caching is turned on.
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true

  # Enable Rack::Cache to put a simple HTTP cache in front of your application
  # Add `rack-cache` to your Gemfile before enabling this.
  # For large-scale production use, consider using a caching reverse proxy like nginx, varnish or squid.
  # config.action_dispatch.rack_cache = true

  # Disable Rails's static asset server (Apache or nginx will already do this).
  config.serve_static_assets = false

  # Compress JavaScripts and CSS.
  config.assets.js_compressor = :uglifier
  # config.assets.css_compressor = :sass

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = false

  # Generate digests for assets URLs.
  config.assets.digest = true

  # `config.assets.precompile` has moved to config/initializers/assets.rb

  # Specifies the header that your server uses for sending files.
  # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for apache
  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for nginx

  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  # config.force_ssl = true

  # Set to :debug to see everything in the log.
  config.log_level = :info

  # Prepend all log lines with the following tags.
  # config.log_tags = [ :subdomain, :uuid ]

  # Use a different logger for distributed setups.
  # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)

  # Use a different cache store in production.
  # config.cache_store = :mem_cache_store

  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
  # config.action_controller.asset_host = "http://assets.example.com"

  # Precompile additional assets.
  # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
  # config.assets.precompile += %w( search.js )

  # Ignore bad email addresses and do not raise email delivery errors.
  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
  config.action_mailer.raise_delivery_errors = false
  config.action_mailer.default_url_options = { :host => '' }
  config.action_mailer.perform_deliveries = true
  config.action_mailer.delivery_method = :smtp
  config.action_mailer.smtp_settings = {
    :address              => "smtp.gmail.com",
    :port                 => 587,
    :user_name            => '',
    :password             => '',
    :authentication       => 'plain',
  :enable_starttls_auto => true  }

  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
  # the I18n.default_locale when a translation cannot be found).
  config.i18n.fallbacks = true

  # Send deprecation notices to registered listeners.
  config.active_support.deprecation = :notify

  # Disable automatic flushing of the log to improve performance.
  # config.autoflush_log = false

  # Use default logging formatter so that PID and timestamp are not suppressed.
  config.log_formatter = ::Logger::Formatter.new

  # Do not dump schema after migrations.
  config.active_record.dump_schema_after_migration = false
end

我的application.html文件

doctype html
html
  head
    meta[name="viewport" content="width=device-width, initial-scale=1.0"]
    title
      = content_for?(:title) ? yield(:title) : 'Phoenix'
    meta name="description" content="#{content_for?(:description) ? yield(:description) : 'Phoenix'}"
    = stylesheet_link_tag "application", :media => 'all'
    = stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700' 
    = javascript_include_tag 'vendor/modernizr'
    = javascript_include_tag 'application'
    = csrf_meta_tags
  body
    .off-canvas-wrap data-offcanvas="" 
      .inner-wrap
        nav.tab-bar
          - if user_signed_in?
            section.left-small
              a.left-off-canvas-toggle.menu-icon
                span
          section.middle.tab-bar-section
            span.left 
               = link_to 'Phoenix', root_path
            - if user_signed_in?
              .right
                = link_to current_user.email, user_path(current_user.id) 
                = "  ".html_safe
                = link_to fa_icon("sign-out"), destroy_user_session_path, id:"sign-out", method: :delete
            - else
              span.right 
                = link_to 'Sign in', new_user_session_path
        - if user_signed_in?
          aside.left-off-canvas-menu
            ul.off-canvas-list
              = render 'layouts/navigation'

        section.main-section
          .full-width-row
            .columns class=(user_signed_in? ? 'medium-10 small-centered' : 'medium-5 small-centered')
              main[role="main"]
                = render 'layouts/messages'
                = yield
        a.exit-off-canvas

我的application.css.scss文件

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_self
 *= require_tree ../../../vendor/assets/stylesheets/.
 *= require selectize
 *= require selectize.default
 *= require chosen
 */
 @import 'foundation_and_overrides';
 @import 'mixins'; 
 @import 'font-awesome';
 @import 'layout';
 @import 'shame';

请注意

  • 我已使用rake assets:clean RAILS_ENV=[environment]rake assets:clobber RAILS_ENV=[environment]
  • 清除了我的资源
  • 我还尝试手动删除文件
  • 我已多次重启服务器
  • 这是一个间歇性的错误,似乎已经出现了几次,但随机消失

所以我想我有两个问题

  1. 为什么我不能在本地复制这个? (这将是一个巨大的帮助)
  2. 为什么会在第一次发生 放置?
  3. 任何意见都赞赏。

1 个答案:

答案 0 :(得分:2)

经过更多investigation并查看public/assets以后,似乎正在生成css文件,但该文件的URL不正确。我似乎需要将默认的css_compressor更新为sass

config.assets.css_compressor = :sass

我原本以为这会被拖欠,但我猜不会。

仍然不确定为什么我不能在本地复制这个