我应该将所有页面JS添加到Assets.RB中吗?

Question

我正在尝试将简单的HTML模板实现到Rails应用程序。中有许多JS文件。

我将所有JS引用转换为Rails javascript_include_tag，它总是要求我将它们添加到assets.rb文件中。这很耗时。

我的assets.rb文件看起来像：

Rails.application.config.assets.precompile += ['ea/*'] 
Rails.application.config.assets.precompile += %w( bootstrap/* )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/bootstrap-extension/css/bootstrap-extension.css
)
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.css )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/morrisjs/morris.css )
Rails.application.config.assets.precompile += %w( css/* )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/jquery/dist/jquery.min.js )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/bootstrap-extension/js/bootstrap-extension.min.js
)
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js )
Rails.application.config.assets.precompile += %w(
  js/jquery.slimscroll.js )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/raphael/raphael-min.js )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/morrisjs/morris.js )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/jquery-sparkline/jquery.sparkline.min.js )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/peity/jquery.peity.min.js )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/peity/jquery.peity.init.js )
Rails.application.config.assets.precompile += %w( js/waves.js )
Rails.application.config.assets.precompile += %w( js/custom.min.js )
Rails.application.config.assets.precompile += %w( js/dashboard1.js )
Rails.application.config.assets.precompile += %w(
  plugins/bower_components/styleswitcher/jQuery.style.switcher.js )

有什么简单的解决方案吗？

Answer 1

通常将所有或大部分的Js都包装成一个JS捆绑包（请参阅资产管道上的指南），您将拥有单个javascript_include_tag('application')，并且application.js如下：

  //= require_directory ./ea
  //= require_tree bootstrap
  //= require jquery/dist/jquery.min
  //= require bootstrap-extension/js/bootstrap-extension.min
  //= require sidebar-nav/dist/sidebar-nav.min
  //= require js/jquery.slimscroll
  //= require raphael/raphael-min
  //= require morrisjs/morris
  //= require jquery-sparkline/jquery.sparkline.min
  //= require peity/jquery.peity.min
  //= require peity/jquery.peity.init
  //= require js/waves
  //= require js/custom.min
  //= require js/dashboard1
  //= require styleswitcher/jQuery.style.switcher.js

，对于CSS