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

Question

在我的 Gruntfile 中，我正在使用 cssmin (grunt-contrib-cssmin) 任务。就像是：

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

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

score 0 · Accepted Answer

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

可用的参数之一是；

advanced - set to false to disable advanced optimizations - selector & property merging, reduction, etc.

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

1 回答 1