gruntjs - how can you set grunt postCSS options? -
setup postcss in gruntfile, convenient way handle autoprefixing , minification, using following code.
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 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' }
},
the horror, discovered mangling rgba values, making them hsla, converting crafted rem units pc, adjusting z-indexes, , god knows else.
i understand these "features" of postcss, none of want.
having had @ of documentation not obvious me a) can disable behaviour, or b) how grunt.
is possible take control of these features specifically?
the optimisations cssnano can found at: http://cssnano.co/optimisations/.
you can disable optimisations setting option
false
. instance disable postcss-calc:
require('cssnano')({calc: false}) // minify result
you wrote rem
values converted px
values far understand neither autoprefixer nor cssnano perform conversion.
Comments
Post a Comment