css - Autoprefixer vs LESS/Sass mixins？

Question

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

这与LESS和Sass为生成供应商特定样式的相同目标而提供的 mixin 相比（在有效性和开发人员经验方面）如何？

Answer 1

LESS 和 Sass 都有各种框架和库，您可以将其集成到您的工作流程中，其中大多数都包含某种前缀 mixin，因此您很可能从任何一种方法中获得相同的结果，如果这是您使用它的唯一用途，那么你使用哪一个可能并不重要。

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

当然，有了这种能力，语法就会有所不同——你开始远离原生 CSS，包括处理前缀的语法。在 LESS 和 Sass 中，如果您想在某些东西上使用供应商前缀，您通常会通过@mixin语法。这是您将看到的“开发人员体验”的主要区别，但同样，LESS 和 Sass 是比 autoprefixer 更大的工具，因此您可能会部分采用 mixin 语法并与其他语法打包变化。

换句话说 - 如果您使用的只是前缀，请使用 autoprefixer 或 prefixr 等工具，如果您想使用其他功能，请使用 LESS 或 Sass。