Autoprefixer, как правило, добавляет префиксы к расширениям для браузера - PullRequest
0 голосов
/ 26 мая 2019

как заблокировать автоматическое добавление префиксов -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;

Как это исправить? Спасибо за вашу помощь.

1 Ответ

1 голос
/ 27 мая 2019

Вы можете заставить Autoprefixer игнорировать определенные блоки CSS, используя «Контрольные комментарии» (их слова).Это выглядит довольно гибко.

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

Вот документация .

Но вы также можете отправить сообщение об ошибке, поскольку то, что вы видите, может быть отфильтровано.

...