css - 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

您可以使用“控制注释”(他们的话)强制 Autoprefixer 忽略特定的 CSS block 。它看起来很灵活。

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

这是 documentation .

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