Да, в Gulp.js существует возможность игнорировать определенные свойства при минификации файла CSS с использованием плагина Gulp-csso.
Gulp-csso является Gulp оберткой для инструмента минификации CSS "CSSO". Он позволяет применять различные оптимизации и минификации к файлам CSS, включая удаление комментариев, лишних пробелов, компрессию и т.д.
Чтобы игнорировать определенные свойства при минификации, вы можете использовать параметр csso.options, который позволяет настроить поведение минификатора. В качестве значения этого параметра можно передать объект, в котором можно указать различные настройки для минификации.
Для игнорирования определенных свойств, вам нужно передать параметр restructure в объекте csso.options с определенными правилами игнорирования свойств. Например, чтобы игнорировать свойство background-image, вы можете добавить следующую настройку:
const gulp = require('gulp');
const csso = require('gulp-csso');
gulp.task('css', function () {
return gulp.src('src/*.css')
.pipe(csso({
restructure: false,
forceMediaMerge: false,
comments: false,
usage: true,
restructureProperties: {
'background-image': false
}
}))
.pipe(gulp.dest('dist'));
});
В данной конфигурации мы устанавливаем значение false для свойства background-image в объекте restructureProperties. Таким образом, данное свойство будет проигнорировано при минификации.
Обратите внимание, что игнорирование определенных свойств может привести к неправильной работе и отображению визуальных элементов на вашем веб-сайте. Поэтому, перед применением данной настройки, внимательно проверьте результат минификации и убедитесь, что ничего не сломалось.