2016-10-02 60 views
0

如果我有示例代码:Sass的默认编译器可以自动修复吗?

:fullscreen a { 
    display: flex; 
} 

可以将默认sass编译器使其:

:-webkit-full-screen a { 
    display: -webkit-box; 
    display: flex; 
} 
:-moz-full-screen a { 
    display: flex; 
} 
:-ms-fullscreen a { 
    display: -ms-flexbox; 
    display: flex; 
} 
:fullscreen a { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
} 

,而不仅仅是正常的CSS不带前缀的版本?

我一直在使用Autoprefixer来完成这个任务,但是我想知道是否有更好的方法去做,然后使用2个程序。

+1

使用两个程序没有任何问题,如果他们都专注于他们的工作。 – 2016-10-02 12:14:44

回答

1

您可以使用Compass与SASS,但它不像autoprefixer那样优雅。

docs

您可以配置通过 罗盘默认的浏览器支持矩阵根据需要设置这些变量。

这个文件可以使用输入:@import “指南针/支持”

有更多关于它here

不过...我建议您选择使用咕嘟咕嘟的哼声和的WebPack找到autoprefixer一个很好的策略,并使它成为一个样板,所以你可以在所有项目中重复使用。更无忧无虑,你不需要添加额外的代码到你的样式表来使它工作。 autoprefixer存在的主要原因是为了让你在CSS文件中编写额外的代码,所以请使用它。

如果珍玩,这里的autoprefixer的创作者不得不说一下吧:

我们可以用混入图书馆与像指南针或preproccesors社科院 笔尖的手写笔。他们解决了很多问题,但创建了其他问题,而不是其他问题。他们迫使我们使用新的语法。它们的迭代速度比现代浏览器慢很多,所以稳定版本可能会有很多不必要的前缀,有时我们需要创建我们自己的mixin。

阅读完整文章here