Плагин для Gulp: css-фичи для старых браузеров?

Question

[Виталий Инчин ☢]

Имеется надобность поддержки древних IE-шек (да и прочих старичков) и желание сократить процесс написания таких вот css-нелепостей:

.class{
  //Текущий код
  opacity: 0.5;
  ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);

  //Желаемый код
  opacity: 0.5;
}

Нужен gulp-плагин, который подставлял бы в код подобные css-фичи при сборке проекта. Что посоветуете? Есть в сети подобное?

Answer 1

[zooks]

https://www.npmjs.com/package/gulp-autoprefixer

Comments

[Виталий Инчин ☢]

Уже пользуюсь, он так не умеет ¯\_(ツ)_/¯

[zooks]

Виталий Инчин ☢: умеет, только без комментов. Читайте справку :) Если хочется усложнить себе жизнь, то ставьте Compass - там тоже есть фолбеки для IE.

Answer 2

[Роман Макаров]

подключаете gulp-postcss, после этого можно использовать эти плагины
postcss.parts/tag/fallbacks
Обрати внимание на pie, fixes и autoprefixer

Answer 3

[Андрей Верх]

Написать миксин не вариант?

Comments

[Виталий Инчин ☢]

Разумеется, вариант, даже больше скажу - сейчас так и реализовано. Но я хотел бы вообще не париться на эту тему и спокойно писать opacity, оставив решение проблем сборщику...

[Денис Букреев]

Виталий Инчин ☢: а сейчас есть в пользовании настолько старые браузеры?)

[Виталий Инчин ☢]

Денис Букреев: у нашего контент-менеджмента есть :)