Question

I was wondering if there was a way to ignore a css file from being added to the manifest application.css file.

The reason why I want to do this is that I have two versions of the site, a mobile version, an an web version. The mobile version’s css is currently being added to the manifest, and messing with the style of the main page.

Is there anyway to configure the manifest file to exclude a certain css file?

Answer 1

Remove the require_tree directive and add just the files you want, in the order you want them to application.css. Leave out the mobile CSS file.

To access the mobile CSS file you need to add it to the precompile list in
production.rb:

config.assets.precompile += ['mobile.css']

This will allow you to use the standard rails helper to access the mobile css:


<%= stylesheet_link_tag "mobile" %>


as distinct from the application.css file.

One tip for these situations is that you can share CSS files between manifests. For example, if you have a CSS reset in a separate file this can be added to both manifests (assuming you make the mobile css a manifest too).