How to set nesting other plugin with postcss-preset-env?

Do not work options plugin postcss-preset-env, VSCode swears on unknown property @custom-media @custom-selector nesting, autoprefix also do not work, although in the options it seems everything is hooked up. What are you doing wrong?
const gulp = require('gulp'),
 postcss = require('gulp-postcss'),
 postcssPresetEnv = require('postcss-preset-env'),
 gutil = require('gulp-util'),
 sourcemaps = require('gulp-sourcemaps'),

 source = 'process/css/',
 dest = 'builds/nextgen/';

gulp.task('css', function() {
 gulp.src(source + 'style.css')
.pipe(sourcemaps.init())
.pipe(postcss([
 require('postcss-partial-import')({prefix: '_', extension: '.css'}),
postcssPresetEnv({
 features: {
 'nesting-rules': true,
 'color-mod-function': true,
 'custom-selectors': true,
 'custom-media-queries': true,
 'autoprefixer': true
}
 // ,importFrom: './process/css/_variables.css'
})
]))
 .on('error', gutil.log)
.pipe(sourcemaps.write('.'))
 .pipe(gulp.dest(dest + 'css'));
});


The plugin repository
March 20th 20 at 11:48
0 answer

Find more questions by tags CSSFrontendGulp.js