Bonjour,
J’ai cette règle :
body {
background-image:url("e.png"), -webkit-radial-gradient(center,ellipse cover,black 12%,red 31%);
background-image:url("e.png"), -moz-radial-gradient(center,ellipse cover,black 12%,red 31%);
background-image:url("e.png"), -o-radial-gradient(center,ellipse cover,black 12%,red 31%);
background-image:url("e.png"), radial-gradient(center,ellipse cover,black 12%,red 31%);
}
Et CSS nano me converti :
body {
background-image:url("e.png"), radial-gradient(center,ellipse cover,black 12%,red 31%);
}
Ce qui n’est pas bon, je dois avoir les 4 lignes. J’ai essayé de désactiver discard-duplicates mais sans résultat :
const gulp = require('gulp');
const cssnano = require('gulp-cssnano');
const CSS = () =>
gulp.src(src)
.pipe(cssnano({
preset: ['default', {
discardDuplicates: false,
}]
}))
.pipe(gulp.dest("css/"));
gulp.task("CSS", CSS);
Bon vol,
A-312.
EDIT :
Je n’utilise plus gulp-cssnano mais postcss + cssnano par chance j’obtiens ce que je veux sans utiliser d’options. Par contre je voudrais bien savoir comment désactiver des choses, j’ai essayé :
Impossible de tout désactiver pour tester :
.pipe(postcss([cssnano], {
preset: ['default', {
discardDuplicates: false,
discardOverridden: false,
autoprefixer: false,
rawCache: false,
calc: false,
colormin: false,
convertValues: false,
discardComments: false,
discardDuplicates: false,
discardEmpty: false,
discardOverridden: false,
discardUnused: false,
mergeIdents: false,
mergeLonghand: false,
mergeRules: false,
minifyFontValues: false,
minifyGradients: false,
minifyParams: false,
minifySelectors: false,
normalizeCharset: false,
normalizeDisplayValues: false,
normalizePositions: false,
normalizeRepeatStyle: false,
normalizeString: false,
normalizeTimingFunctions: false,
normalizeUnicode: false,
normalizeUrl: false,
normalizeWhitespace: false,
orderedValues: false,
reduceIdents: false,
reduceInitial: false,
reduceTransforms: false,
svgo: false,
uniqueSelectors: false,
zindex: false
}]
}))
+0
-0