Autoprefixer与LESS/Sass混合使用有何区别?

13

Autoprefixer工具是CSS后处理器,可以向原本“无知”的样式声明中添加正确的供应商前缀。

从效果和开发者体验方面来看,与LESSSass提供的混合功能相比,它如何实现相同目标生成特定于供应商的样式?


这里是否存在实际的编程问题? - cimmanon
5
SO不仅仅用于问题解答。我在询问两个软件之间能力差异的数量问题。 - Marplesoft
3
你可以将 Autoprefixer 与 Sass/LESS 一起使用。Autoprefixer 用于 CSS 3 的前缀添加,而 Sass 用于业务逻辑。我创建 Autoprefixer 的目的就是为了与 Sass 一起使用,而不是替代它 :)。 - Andrey Sitnik
2
我仍然不明白这个问题为什么被认为是“主观性很强”的。感觉人们可以花更多的时间回答问题并提供价值,而不是四处关闭人们感兴趣的问题。 - Marplesoft
这是一篇关于如何在Sass中使用Autoprefixer的好文章(特别是使用Compass)。它充分说明了使用Autoprefixer来管理供应商前缀的优点,而不是使用Sass mixins。 http://www.zell-weekeat.com/compass-vs-autoprefixer/ - Hart Simha
1个回答

4
LESS和Sass都有许多框架和库,可以将其集成到您的工作流程中,其中大部分包括某种前缀mixin,因此您很可能会从任何一种方法中获得相同的结果。如果这是您唯一使用的功能,则使用哪一个可能并不重要。
LESS和Sass的强大之处在于它们可以做许多其他事情,包括声明嵌套、变量、循环和其他mixin,这些可能或可能不是您需要的项目。
当然,随着这种强大,语法上也会有所不同-您开始远离本机CSS,包括处理前缀的语法。在LESS和Sass中,如果要在某些内容上添加厂商前缀,通常通过@mixin语法进行。这是您将看到的“开发人员体验”的主要区别,但是再次说明,LESS和Sass是比autoprefixer更大的工具,因此您可能会将mixin语法与其他语法更改一起使用。
换句话说-如果您只使用前缀,则使用类似autoprefixer或prefixr的工具,如果想使用其他功能,则使用LESS或Sass。

4
Autoprefixer和LESS、SASS等工具做的事情非常不同。前者只是为了更好的跨浏览器兼容性而添加前缀,而后两者是CSS预处理器。正如您所说,在LESS或SASS中可以添加mixin来为某些属性添加前缀,但这与向前缀器传递纯CSS不同。此外,除非您指的是它们本身就是框架或库,否则LESS和SASS都没有任何框架或库。 - Bojangles
@Bojangles - Compass自称是一个框架,也可以被视为“mixin库”。Frameless和Bootstrap也被认为是框架和/或库,两者都可用于LESS和Sass。这就是我所指的,其中LESS和Sass都有几个。 (另请参阅:[library(computing)](http://en.wikipedia.org/wiki/Library_(computing) -行为实现的集合) - Shauna
你的回答中没有提到Compass。Bootstrap和Frameless本身就是框架,其中LESS是其中的一部分。LESS和SASS都不是“行为实现集合” - 它们是预处理器。请正确使用术语。 - Bojangles
1
@Bojangles - 我从来没有说 LESS 或 Sass 库,是你自己这么说的。我在第一句话中说,它们 库。Compass 一个库 - 它是一组混合器的集合,其中包括几个处理供应商前缀的混合器。 - Shauna

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接