css - gulp-minify-css 插件问题与 'advanced features'

Question

刚开始使用 gulp 并注意到一些奇怪的事情:

如果你看https://ide.c9.io/jmsherry/gulp_minify_css_issue#openfile-README.md

...您会看到缩小之前的背景声明是“背景:无滚动 0 0 无重复#5F9EA0；”但后来变成'background:no-repeat none' 当 gulp-minify-css 操作发生时。如果你打乱这些值，那么不同的值将出现在缩小的声明中。

此问题的解决方案是在传递给 gulp-minify-css 的选项中指定“noAdvanced: true”，但这样您就失去了该功能的好处。我想知道它为什么这样做，还有其他解决方法吗？

Answer 1

clean-css 的noAdvanced 属性，这是 gulp-minify-css 使用的 CSS 缩小器，禁用一些优化和属性合并。

我认为这个功能还不完善，可以改进。在您的情况下，您的 background 属性(property)不是很常见，并且缩小器会根据您首先提供的内容随机输出，因此:

background: none scroll 0 0 no-repeat #5F9EA0;

看不懂那么多参数，就干脆把他认为不属于这里的都删了。

禁用此功能可以帮助您保持所需的行为。