在我的rails应用程序中组织.js文件的建议

时间:2013-05-29 13:57:45

标签: ruby-on-rails asset-pipeline

我有一个让我疯狂的导航应用程序。我无法弄清楚为什么我会得到重复的js调用。我猜这与application.js需要语句和.js文件的位置的排序或组织有关。我也尝试过使用production.rb,通常只会使.js完全被破坏。这就是我所拥有的:

app
|assets
||javascripts
|||+data_centers
|||-data_center.js
||-application.js
||-rails.js


vendor
|assets
||javascripts
||-autocomplete-rails.js
||-jquery-1.9.1.js
||-jquery-ui-1.10.2.custom.js

application.js具有以下require语句:

//= require jquery-1.9.1
//= require jquery-ui-1.10.2.custom
//= require twitter/bootstrap
//= require bootstrap-typeahead
//= require rails
//= require autocomplete-rails

data_center.js具有以下require语句:

//= require highcharts
//= require highcharts/modules/canvas-tools
//= require highcharts/modules/exporting

之前,我在vendor/assets中收到app/assets的.js文件,但建议将所有外部.js保留在vendor/assets位置。点不起作用。

我的production.rb看起来像这样:

MyApp::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
  #default false ^^
  config.action_controller.perform_caching = true

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

  # Compress JavaScripts and CSS
  config.assets.compress = false
  #defualt true

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

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

  # Defaults to nil and saved in location specified by config.assets.prefix
  # 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

  # 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 are already added)
  # config.assets.precompile += %w( search.js )
  # config.assets.precompile += %w( jquery.js )
  # config.assets.precompile += %w( jquery_ujs.js )
  # config.assets.precompile += %w( jquery-ui-1.10.2.custom.js )
  # config.assets.precompile += %w( twitter/bootstrap.js )
  # config.assets.precompile += %w( bootstrap-typeahead.js )
  # config.assets.precompile += %w( rails.js )
  # config.assets.precompile += %w( autocomplete-rails.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

  # Log the query plan for queries taking more than this (works
  # with SQLite, MySQL, and PostgreSQL)
  # config.active_record.auto_explain_threshold_in_seconds = 0.5
end

如果您有任何想法,请告诉我。感谢。

1 个答案:

答案 0 :(得分:1)

您可以在production.rb中尝试config.assets.debug = true以获得更好的图片,但我建议您先尝试调试开发中的资产问题。

某些宝石或其依赖项可能正在加载您可能不知道的资产。

在您感兴趣的环境中的Rails控制台中(即您可能需要ssh到服务器等等和/或在命令之前/之前设置环境):

rails c

您可以使用以下内容从Sprockets获取有关当前资产的更多信息:

Rails.application.assets.each_file {|path| begin; Rails.application.assets[path].dependencies.each{|d| puts "#{path} dependencies: /assets/#{d.logical_path}"}; rescue; puts "#{path}"; end}

然后,您可以在生产环境中查看gem list或查看Gemfile.lock以查看gems bundler正在使用的内容。也许正在加载您不知道的资产。

有关资产组织,请参阅the guide

另外,请考虑guide suggests some different settings而不是您在生产配置中使用的内容,例如由于性能原因,它建议使用config.assets.compress = true并设置config.serve_static_assets = false并让apache或nginx提供静态资源。