javascript - gulp autoprefixer 的缩进问题？

Question

我知道这是低优先级的，但我注意到 gulp autoprefixer 已经破坏了我的 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;

我不知道我是否应该手动修复这个问题，或者只是这种风格是可以接受的，我可以不管它吗？？？

Answer 1

我建议使用 gulp-postcss使用 npm 包自动前缀。 ( example )

使用 postcss 你会更加灵活。有很多postcss-plugins这有助于获得最佳的 CSS。

要获得具有正确缩进的正确格式，您可以运行 postcss-prettify autoprefixer 之后的插件。

如果您以后需要一个缩小的 CSS 用于生产，您可以使用 cssnano .