Autoprefixer vs LESS/Sass混合？

Question

autoprefixer工具是一个CSS后处理器，它将正确的供应商前缀添加到其他“幼稚”的样式声明中。

对于生成特定于供应商的样式这一相同目标，这与LESS和Sass提供的mixins相比(在有效性和开发人员体验方面)如何？

Answer 1

LESS和Sass都有各种各样的框架和库，你可以将它们集成到你的工作流程中，其中大多数都包含了某种前缀混合，所以你很可能会从这两种方法中得到相同的结果，如果这是你唯一使用它的地方，那么你使用哪种方法可能并不重要。

LESS和Sass的强大之处在于他们可以做的所有其他事情，包括声明嵌套、变量、循环和其他混合，这些可能是给定项目所需的，也可能不是。

当然，这种强大的功能也带来了语法上的差异--您开始远离原生CSS，包括处理前缀的语法。在LESS和Sass中，如果您希望在某些内容上使用供应商前缀，通常需要使用@mixin语法。这是你将要看到的“开发人员体验”的主要区别，但同样，LESS和Sass是比autoprefixer更大的工具，所以你可能会把mixin语法和其他语法变化放在一起。

换句话说，如果你只使用前缀，使用autoprefixer或prefixr这样的工具，如果你想使用其他功能，则使用LESS或Sass。