javascript - 避免 Grunt cssmin 任务删除重复条目

Question

在我的 Gruntfile 中，我正在使用 cssmin (grunt-contrib-cssmin) 任务。像这样的东西:

cssmin: {
    css : {
        src: "dist/styles.css",
        dest: "dist/styles.min.css"
    }
}

问题是:styles.css 是通过连接大量 .css 文件的连接任务生成的。在某些文件中，我有相同的 css 选择器(例如:.panel a) 只有第一个选择器保留在 cssmin 任务中，所有其他选择器都被删除。我想这是任务的默认行为。有没有办法保留重复的选择器？

Answer 1

Grunt cssmin 依赖于 node.js 模块 clean-css。我建议在 Grunt 中使用 clean-css API 并提供可用选项 https://github.com/jakubpawlowicz/clean-css#how-to-use-clean-css-api .

可用的参数之一是；

高级 - 设置为 false 以禁用高级优化 - 选择器和属性合并、缩减等。

您在 http://refresh-sf.com/ 上玩这个选项.如果您转到文本区域下方的“clean-css”选项卡，您可以启用/禁用 advanced 以查看它是否正常工作。

编辑:在 grunt-contrib-cssmin repo 中作为问题发布 https://github.com/gruntjs/grunt-contrib-cssmin/issues/263