我知道这是低优先级,但我注意到gulp autoprefixer破坏了我的css代码缩进到这样的样式:
-webkit-box-align:center; -webkit-align-items:center; -moz-箱-…
我还会看一下autoprefixer的级联选项。看起来它可能是你的不良缩进的来源。尝试:
autoprefixer({ cascade: false })
默认值为 true 并可能会给你你看到的结果。
true
autoprefixer选项
我建议使用 一饮而尽,postcss 使用npm包autoprefixer。 ( 例 )
使用postcss你会更灵活。有许多 postcss-插件 这有助于获得最佳的CSS。
要通过正确的缩进获得正确的格式,您可以运行 postcss,美化 autoprefixer之后的插件。
如果您以后需要缩小的CSS用于生产,您可以使用 cssnano 。