如何在Rails 3中组合多个CSS，JS文件并用作一个文件？

Question

I have been trying to improve the page load time in Rails 3, I went through few blogs where I learned that I can include the css , js file names in application.css and application.js respectively.

For testing purpose I removed the files from the layout and included it in application.css , and then on page reload the css files didn't reload.

My current application.css file:

/*
* 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 top of the
* compiled file, but it's generally better to create a new file per style scope.

    *
    *= require_self
    *= require 'owl.carousel.min.css'
    *= require 'owl.carousel.min.css'
    *= require 'owl.theme.min.css'
    *= require "flag-sprites.min.css"
    *= require 'owl.transitions.min.css'
    */

layout.html.erb:

<%= stylesheet_link_tag "application.css" %>

Answer 1

If you use

*= require_tree .

It will load all the css files inside app/assets/stylesheet so didn't need to mention each file name.

One more thing to Note is you need to restart the server after updating the application.css and application.js files. Hope this help.