How to include custom css file in production

Question

I have a custom.css.scss file in my assets/stylesheets folder where I've added new css.

All stylesheets work in development but in production the custom.css file isn't included ie no customm.css style changes are implemented in production.

In application.rb I have:

config.assets.initialize_on_precompile = false
config.assets.enabled = true

In production.rb I have:

config.assets.compile = true

In my application.html.erb I have:

<%= stylesheet_link_tag "application" %>

In application.css I have:

 *= require_self
 *= require foundation_and_overrides
 *= require_tree .
 */

My app is on Heroku

Community · Accepted Answer · 2017-05-23 10:25:03Z

1

Problems you are described may be related to Heroku does not precompile assets when deploying

As assets are precompiled for production, you may add it to config.assets.precompile in your environment.rb as described there http://jalada.co.uk/2012/01/23/adding-files-to-config-assets-precompile-in-rails-3-1.html

config.assets.precompile += %w(custom.css)

edited May 23, 2017 at 10:25

CommunityBot

11 silver badge

answered Mar 12, 2014 at 9:53

MikeZ

4954 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

grabury Over a year ago

Wouldn't *= require_tree . be sufficient?

MikeZ Over a year ago

hm, yes, it seems it should. Have you checked following stackoverflow.com/questions/17664802/… ? May your problem be related to one of the items listed there?

grabury Over a year ago

Thanks Mike. I had to delete my public/assets folder. I've never had to do it before. Weird.

MikeZ Over a year ago

you are welcome. Based on it I've updated the answer to make it helpful

Collectives™ on Stack Overflow

How to include custom css file in production

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related