scss文件rails中的asset_path

时间:2011-11-30 23:33:32

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

我在生产中遇到asset_path问题。 Rails 3.1.1

#config/environments/development.rb
Scc::Application.configure do
  # Settings specified here will take precedence over those in config/application.rb

  # In the development environment your application's code is reloaded on
  # every request.  This slows down response time but is perfect for development
  # since you don't have to restart the web server when you make code changes.
  config.cache_classes = false

  # Log error messages when you accidentally call methods on nil.
  config.whiny_nils = true

  # Show full error reports and disable caching
  config.consider_all_requests_local       = true
  config.action_controller.perform_caching = false

  # Don't care if the mailer can't send
  config.action_mailer.raise_delivery_errors = false

  # Print deprecation notices to the Rails logger
  config.active_support.deprecation = :log
  config.action_mailer.default_url_options = { :host => 'localhost:3000' }

  # Only use best-standards-support built into browsers
  config.action_dispatch.best_standards_support = :builtin

  # Do not compress assets
  config.assets.compress = false

  # Expands the lines which load the assets
  config.assets.debug = true
end

#config/environments/production.rb
 Scc::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

  # Full error reports are disabled and caching is turned on
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = 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.compress = true

  # Don't fallback to assets pipeline if a precompiled asset is missed
  config.assets.compile = false

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

  # Defaults to Rails.root.join("public/assets")
  # config.assets.manifest = YOUR_PATH

  # 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

  # See everything in the log (default is :info)
  # config.log_level = :debug

  # Use a different logger for distributed setups
  # config.logger = 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 are already added)
  # config.assets.precompile += %w( search.js )

  # Disable delivery errors, bad email addresses will be ignored
  # config.action_mailer.raise_delivery_errors = false

  # Enable threaded mode
  # config.threadsafe!

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

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

我有以下代码:

.right-bar-filler{
    background:url(asset_path('right_bar_filler.jpg', image)) repeat-y;
    padding-top:0px;
}

在开发过程中,它最终成为:

.right-bar-filler {
  background: url("/assets/right_bar_filler.jpg") repeat-y;
  padding-top: 0px;
}

在生产中,它输出为:

.right-bar-filler {
  background: url(asset_path("right_bar_filler.jpg", image)) repeat-y;
  padding-top: 0px;
}

我完全错过了什么?

感谢您的帮助。

2 个答案:

答案 0 :(得分:23)

这看起来不正确:

.right-bar-filler{
    background:url(asset_path('right_bar_filler.jpg', image)) repeat-y;
    padding-top:0px;
}

如果您想使用asset_path帮助程序,则需要在erb标记内运行(< %%>)

.right-bar-filler{
    background:url(<%= asset_path('right_bar_filler.jpg', image) %>) repeat-y;
    padding-top:0px;
}

并确保正确命名文件,即example_filename.css.erb


更新:抱歉,我没有注意到您使用的是SASS,而不是CSS。我的上述答案不是你所需要的。

请改为尝试:

.right-bar-filler{
    background:url(asset-path('right_bar_filler.jpg', image)) repeat-y;
    padding-top:0px;
}

即。我认为资产路径助手在SASS中使用连字符,而不是下划线

http://rubydoc.info/github/petebrowne/sprockets-sass/master/Sprockets/Sass/Functions

答案 1 :(得分:0)

您是否耙资产:预编译? 默认情况下,Rails不会在生产中编译资产。建议的工作流程是在部署过程中编译资产。