Измените параметры "clean css" в grunt min css

Есть ли какой-то особый синтаксис, который мне нужно использовать, чтобы переопределить чистые настройки CSS по умолчанию при использовании Grunt CSS min?

Глядя на документы, я могу успешно получить пример "roundingPrecision", но попытка переопределить другие правила Clean CSS не работает для меня.

Ниже приведен пример конфигурации, в котором я пытаюсь предотвратить удаление повторяющихся правил (в этом случае мне нужен запасной вариант не-css для браузеров, которые не поддерживают CSS-переменные). Это не работает для меня, хотя.

Вот часть CSS Min моего конфига Grunt:

    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);}

Однако второе фоновое правило не должно быть удалено.

В другом вопросе Stackru я заметил, что, возможно, мне нужно нацелить какую-то конкретную область чистого CSS - использовать параметры совместимости clean-css в grunt-contrib-cssmin- но я не уверен, как это сделать для других свойств как "removeDuplicateRules: false".

Я предполагаю, что я делаю что-то в корне неправильно. Любые указатели будут полезны - спасибо.

Обновление № 2

Как и предполагалось, я попытался использовать опробованные параметры уровня следующим образом, но безуспешно:

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

0 ответов

Другие вопросы по тегам