解决grunt-contrib-cssmin压缩默认会删除一些css hack的问题

本文主要是介绍解决grunt-contrib-cssmin压缩默认会删除一些css hack的问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

最近在学习grunt,在用它的一个css压缩插件grunt-contrib-cssmin对以前项目的css文件进行压缩时，发现一些css hack会被删除，配置代码片段如下：

cssmin: {
    minify: { 
        expand: true, 
        cwd: srcName + '/', 
        src: ['*\*/\*.css', '!*.min.css'], 
        dest: buildPath + '/', 
        ext: '.css' 
    } 
}

运行后发现一些*zoom:1;_zoom:1;\9等一些hack会被删除，后来经群里人提醒，发现grunt-contrib-cssmin是依赖另一个node模块clean-css的，并找到了解决方法。
看介绍，这个模块默认是会合并属性的，同时还忽略了ie8及以下版本的兼容性，好在它同时提供了相应的配置项，我尝试着用在grunt-contrib-cssmin中，放弃了它的这些高级功能，问题得到解决，下面是新的配置代码片段：

cssmin: { 
    options : { 
        compatibility : 'ie8', //设置兼容模式 
        noAdvanced : true //取消高级特性 
    },
    minify: { 
        expand: true, 
        cwd: srcName + '/', src: ['*\*/\*.css', '!*.min.css'], 
        dest: buildPath + '/', 
        ext: '.css' 
    } 
}

这篇关于解决grunt-contrib-cssmin压缩默认会删除一些css hack的问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---