comment pouvez-vous définir les options postcSS grunt?

Question

Installez postCSS dans mon gruntfile, principalement comme un moyen pratique de gérer autoprefixing et minification, en utilisant le code suivant.

postcss: { 
    options: { 
    map: false, // inline sourcemaps 

    processors: [ 
     require('autoprefixer-core')({ 
     browsers: ['last 10 versions', 'ie 9'], 
     remove: false, 
     map: true, 
    }), // add vendor prefixes 
    require('cssnano')() // minify the result 
    ] 
}, 
style: { 
    src: '<%= dirs.sassBuild %>/style.css', 
    dest: '<%= dirs.publicCss %>/style.min.css' 
}, 
admin: { 
    src: '<%= dirs.sassBuild %>/admin.css', 
    dest: '<%= dirs.publicCss %>/admin.min.css' 
} 

},

Le à ma grande horreur, je découvre que son mutiler mes valeurs RGBA, les rendant HSLA, convertir mes unités REM soigneusement conçues pour PC, régler mes z-index, et Dieu sait quoi autre. Je comprends que ce sont toutes des "caractéristiques" de postCSS, dont je ne veux pas. Ayant jeté un coup d'oeil à certains de la documentation ce n'est pas évident pour moi que a) je peux désactiver ce comportement, ou b) comment le faire avec grognement.

est-il possible de reprendre le contrôle de ces fonctionnalités spécifiquement?

Answer 1

Les optimisations pour CSSnano peuvent être trouvées à: http://cssnano.co/optimisations/.

Vous pouvez désactiver certaines optimisations en réglant le option sur false. Ainsi, par exemple pour désactiver postcss-calc:

require('cssnano')({calc: false}) // minify the result 

Vous avez également écrit que vos rem valeurs sont converties en valeurs px pour autant que je ne comprends ni autoprefixer ni ne cssnano effectuer cette conversion.

Answer 2

J'ai découvert que son mutiler mes valeurs RGBA, les rendant ARFT

Pour corriger cette utilisation

cssnano({ colormin: false })