我如何使用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样式没有浏览器的前缀.css,.scss或.sass文件.然后你会发现你的风格添加了前缀.如果你有

.fullscreen a {
    display: flex;
}

你会得到

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