Prefixer mixin 用于向 CSS 属性添加供应商前缀

Question

为什么 Webkit 和 Moz 不包含在 css 文件的输出中？

scss 混合

@mixin prefixer($property, $value, $prefixes: ()) {
  @each $prefix in $prefixes {
    #{"-" + $prefix + "-" + $property}: $value;
  }
  #{$property}: $value;
}

包括

*{
   @include prefixer(box-sizing,border-box,("webkit","moz","o","ms"));
}

CSS 输出

* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

Answer 1

没有关于你项目的更多信息，我会猜测。您很可能在使用编译 SCSS 的工具运行 Autoprefixer。

[Autoprefixer 是一个] 插件，用于解析 CSS 并使用来自 Can I Use.

的值将供应商前缀添加到 CSS 规则

它使用您配置的Browserslist添加或删除规则的供应商前缀。

你的 mixin 不是必需的。