postcss -use
Enable PostCSS plugins directly in your stylesheet.
@use postcss-preset-env( stage : zero , browsers : " last 2 versions"); h1 { & a { color : red } }
npm install postcss-use --save
@use postcss-discard-comments( removeAll : true ); /*! test */
h1 { color : red }
@use postcss-discard-comments { removeAll : true }
h1 { color : red }
use ( {
// allow plugins starting with autoprefixer, postcss, precss, and cssnano
modules : [
/ ^autoprefixer / ,
/ ^postcss / ,
/ ^precss / ,
/ ^cssnano /
]
} )
use ( {
// allow autoprefixer, postcss-preset-env, and postcss-flexbugs-fixes
modules : [ 'autoprefixer' , 'postcss-preset-env' , 'postcss-flexbugs-fixes' ]
} )
use ( {
resolveFromFile : true
} )
use ( {
options : {
'postcss-preset-env' : {
stage : zero ,
browsers : 'last two versions'
}
}
} )