Question

我知道这是低优先级的，但是我注意到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;

我不知道我应该手动解决此问题还是仅此样式是可以接受的，我可以不理会？？

Answer 1

我建议将gulp-postcss与npm软件包自动前缀一起使用。（example）

有了postcss，您将更加灵活。有许多postcss-plugins有助于获得最佳CSS。

要使用正确的缩进格式获得正确的格式，可以在自动前缀之后使用postcss-prettify插件。

如果以后需要精简的CSS供生产使用，则可以使用cssnano。

Answer 2

我还将查看autoprefixer的层叠选项。看来这可能是您缩进不良的原因。试试：

autoprefixer({ cascade: false })

默认值为true，可能会为您提供所看到的结果。

autoprefixer options

gulp自动前缀的缩进问题？

2 个答案: