我正在尝试制作一个 Rails 4 应用程序。我使用 Bootstrap 和 SCSS。
在我的 gem 文件中我有:
gem 'sass-rails', '~> 5.0'
gem 'bootstrap-sass', '~> 3.3.5.1'
gem 'font-awesome-sass', '~> 4.4.0'
gem 'bootstrap-slider-rails'
gem 'bootstrap-datepicker-rails'
gem 'autoprefixer-rails'
在我的样式表文件夹中,我有几个文件夹,一个叫做 application.css.scss
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";
@import "bootstrap-slider";
@import "addresses.scss";
@import "articles.css.scss";
@import "common.css.scss";
@import "footer.css.scss";
@import "forms.css.scss";
@import "glyphs.css.scss";
@import "index.css.scss";
@import "legal.css.scss";
@import "navigation.css.scss";
@import "pages.css.scss";
@import "profiles.scss";
@import "video.css.scss";
在我的 articles.css.scss 文件中我有:
.commentattributiondate {
font-family: 'Roboto', sans-serif;
color: grey;
font-size: 11px;
text-align:right;
padding-right: 10%;
padding-top:1%;
line-height: 1.5;
}
在我看来,我有:
<div class="commentattributiondate">
<%= comment.created_at.try(:strftime, '%e %B %Y') %>
</div>
在本地主机中,我的文本使用这种样式进行格式化。
然而,在生产模式下它不是。当我在 google 中检查元素时,我可以看到日期被包裹在这个 div 标签中,它是最接近属性的 div 标签,但是,当我想在代码检查器中检查样式时,那个 div 标签名称是' 完全列出。
我以前遇到过样式保存在按字母顺序排列高于 application.css.scss 文件的文件中的问题,但是,文章出现在应用程序之后并导入到应用程序文件中。
谁能看出我做错了什么?
事实上,我的 profiles.css.scss 文件中定义的所有样式也是如此。
最佳答案
这对我有用。我不知道为什么它在推送到 heroku 时不是自动的,但希望它能帮助其他人:
在 production.rb - 取消注释这一行:
config.assets.css_compressor = :sass
然后:
rake assets:precompile
关于css - Rails 4 - CSS 未在生产中应用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34571756/