проблема с отступом в авторефиксере gulp? - PullRequest
Новая
       33

проблема с отступом в авторефиксере gulp?

0 голосов
/ 21 февраля 2019

Я знаю, что это низкий приоритет, но я заметил, что автоматический префикс gulp испортил мой код CSS для такого стиля: 

-webkit-box-align: center;
  -webkit-align-items: center;
    -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
    -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em;

Я не знаю, нужно ли это исправить вручную или простоэтот стиль приемлем, и я могу оставить его в покое ???

Ответы [ 2 ]

0 голосов
/ 21 февраля 2019

Я бы также посмотрел на каскадную опцию автопрефиксатора.Похоже, что это может быть источником вашего плохого отступа.Попробуйте: 

autoprefixer({ cascade: false })

Значением по умолчанию является true и, возможно, он дает вам результаты, которые вы видите.

параметры авторефиксатора

0 голосов
/ 21 февраля 2019

Я бы предложил использовать gulp-postcss с автоматическим префиксом пакета npm.( пример )

С postcss вы намного более гибки.Есть много postcss-плагинов , которые помогают получить оптимальный CSS.

Чтобы получить правильное форматирование с правильными отступами, вы можете запустить плагин postcss-prettify после автофиксатора.

Если вам позже понадобится минимизированный CSS для производственного использования, выможно использовать cssnano .

...