如何使用 bootstrap-sass 的 autoprefixer？

Question

我有一个 Rails 应用程序，我在其中使用 bootstrap-sass gem，它将 autoprefixer-rails 列为依赖项。

我不太明白如何让 Autoprefixer 为我的应用的 CSS 添加前缀。我需要一些资产配置吗？在资产调试模式下，它会在 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、.scss 或.sass 文件中添加不带浏览器前缀的css 样式。然后你发现你的样式添加了前缀。 如果你有

.fullscreen a {
    display: flex;
}

你会得到

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