Question

我正在尝试制作一个rails 4应用程序。我使用bootstrap和SCSS。

在我的宝石文件中，我有：

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'

在我的stylesheets文件夹中，我有几个文件夹，一个名为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>

在本地主机中，我的文本使用此样式进行格式化。

然而，在生产模式中却不是。当我检查谷歌中的元素时，我可以看到日期包含在这个div标签中，它是该属性最接近的div标签，但是，当我想检查代码检查器中的样式时，该div标签名称是根本没有列出。

我之前遇到的问题是样式保存在按字母顺序高于application.css.scss文件的文件中，但文章在应用程序之后出现并导入应用程序文件。

谁能看到我做错了什么？

事实上，我的profiles.css.scss文件中定义的所有样式也是如此。

Answer 1

这对我有用。我不知道为什么在推送到heroku时它不是自动的，但希望它能帮助其他人：

在production.rb中 - 取消注释这一行：

config.assets.css_compressor = :sass

然后：

rake assets:precompile

Rails 4 - CSS未在生产中应用

1 个答案: