ruby-on-rails - 如何使用 bootstrap-sass 的自动前缀？

Question

我有一个 Rails 应用程序，我正在使用 bootstrap-sass列出的 gem autoprefixer-rails作为依赖。

我不太明白如何让 Autoprefixer 为我的应用程序的 CSS 加上前缀。我需要一些 Assets 配置吗？在 Assets Debug模式下，它会在 dev 中为编译的 Sass 做前缀吗？

根据 autoprefixer-rails 的文档，我只需要清除缓存并编写 CSS...我编译的 Sass 都没有任何前缀，但 Bootstrap 的 CSS 有。

任何帮助/解释将不胜感激。

Answer 1

发现很简单
将 autoprefixer-rails gem 添加到您的 Gemfile :

# In gemfile
gem 'bootstrap-sass'
gem 'autoprefixer-rails'

# Install the gem
$ bundle install

清除缓存:

# Its very important
$ rake tmp:clear

虽然 gem autoprefixer-rails是对 bootstrap-rails 的依赖看起来它使用 autoprefixer-rails内部和 sprockets不知道。

在 .css 中添加不带浏览器前缀的 css 样式, .scss , 或 .sass文件。然后你会发现你的样式添加了前缀。
如果你有

.fullscreen a {
    display: flex;
}

你会得到

.fullscreen a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}