Rails Assets Pipeline Tips

rails-assets.md

http://sass-lang.com/documentation/file.SASS_REFERENCE.html

scss.md

http://sass-lang.com/documentation/file.SASS_REFERENCE.html

sprockets-import-files-from-plugins.md

Problems

Guides suggests us to bundle design assets into a plugin/engine. But it does not tell us clearly how to import it in hosting app.

Solution.

in config/application.rb

assets.prepend_path '../../../zn/rails/zn_site/app/assets/stylesheets'
puts "assets.path : #{assets.paths}"

in app/assets/stylesheets/application.css

 *= require 'site-footer'
 *= require_directory '../../../../../../zn/rails/zn_site/app/assets/stylesheets/zn_site'

Note that require_directory and require_tree only take relative path (from application.css not other places like host root)

See in source code

Refs

• Sprockets in Github

By the way, do not forget the origins

The reason that application.js is chosen, is because your layout says so. In your typical layout view, you will see something like

stylesheet_link_tag 'application'

which (stylesheet_link_tag) is defined in ActionView::Helpers::AssetTagHelper

You are free to add more lines like this to include other css files. :-)