更新＃2

Question

在使用Grunt CSS min时，是否需要使用某种特殊语法来覆盖Clean CSS默认值？

看the docs我可以成功获得＆＃34; roundingPrecision＆＃34;示例工作但尝试覆盖其他Clean CSS规则对我不起作用。

我已经在下面给出了一个配置示例，我试图阻止删除重复规则（在这种情况下，我需要一个不支持CSS变量的浏览器的非css变量回退）。这不适合我。

这是我的Grunt配置的CSS Min部分：

    cssmin: {
        options: {
            removeDuplicateRules: false,
            roundingPrecision: -1
        },
        prod: {
            files: [{
                expand: true,
                ext: '.min.css',
                src: ['<%= cssPath %>style.css'],
            }]
        },
    },

使用上面的配置，会发生这种情况：

    .test {
       background: red;
       background: var(--colour-blue);
    }

变为

    .test{background:var(--colour-blue);}

但是，第二个背景规则应不删除。

我在另一个StackOverflow问题中注意到，似乎我可能需要定位Clean CSS的某个特定区域 - Use clean-css compatibility options in grunt-contrib-cssmin - 但我不确定如何为其他属性执行此操作喜欢＆＃34; removeDuplicateRules：false＆＃34;。

我猜测我做了一些根本错误的事情。任何指针都会有所帮助 - 谢谢。

更新＃2

正如我所建议的那样，我试图使用尝试过的＆＃34;等级＆＃34;选项如下，没有任何成功：

cssmin: {
  options: {
    level: {
      1: {
        all: false
      },
      2: {
        all: false
      }
    }
  },
  prod: {
    files: [{
      expand: true,
      ext: '.min.css',
      src: ['<%= cssPath %>style.css'],
    }]
  },
},

改变＆＃34;清洁css＆＃34; grunt min css

更新＃2

0 个答案: