最佳的css最小化工具

看客:这是一个坑,我先站上,有时间再多补补内容!

今天解决一个很诡异的BUG。最后证明是CSS工具的BUG,因为 gulp-cssnano 压缩CSS后导致了浏览器兼容性问题(IOS8.1不兼容),将流程中cssnano这一步去掉了,问题解决。

想到如下问题:

  • 什么是最好的CSS最小化工具?

把这个问题的范围缩小下:有gulp插件的开源工具中,什么是最好的CSS最小化工具?看起来有两个选项

  • css-nano
  • clean-css

[9.20更新] 经过替换,看起来 clean-css 更优。

换个角度,想到另一个问题:

  • 如果主流浏览器都支持gzip作为content-encoding的话,部署服务器的时候也支持这个选项,css最小化是否就没啥意义了呢?

[9.20更新] 这两个不是一个层面的问题,CSS最小化会在CSS语义层面进行合并(例如去除相同的CSS规则),而gzip是一种无损压缩。