Autoprefixer 通常会为特定于浏览器的扩展添加前缀

Question

如何阻止 autoprefixer 将 -webkit 前缀添加到 Mozilla 特定扩展？

这里有一些例子可以说明我的观点：

.custom-range::-moz-range-thumb {
    -webkit-transition: none;
    transition: none
}

-webkit-transition 与此处无关，因为它是 Mozilla 特定的选择器 (::-moz-range-thumb)。

另一个疯狂的输出发生在关键帧和过渡上，因为 Autoprefixer 创建了无用的变体

  -webkit-transition: -webkit-box-shadow 0.1s ease-out;
  transition: -webkit-box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;

而不只是

-webkit-transition: -webkit-box-shadow 0.1s ease-out;
      transition: box-shadow 0.1s ease-out;

如何解决这个问题？感谢您的帮助。

Answer 1

您可以使用 "Control Comments"（他们的话）强制 Autoprefixer 忽略 CSS 的特定块。它看起来很灵活。

.className {
  /* autoprefixer: off */
  something: not-prefixed;
}

这是documentation。

但您可能还想提交错误，因为您所看到的可能会被过滤掉。

Autoprefixer 通常会为特定于浏览器的扩展添加前缀

Autoprefixer generically adds prefixes to browser-specific extensions

css

autoprefixer