我如何使用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;
}