Сообщение CSS критическое разделение

Question

Мне нужно создать разделенный критический стиль согласно https://www.npmjs.com/package/postcss-critical-split.

Название задачи gulp - «criticalCSS». Почему он не работает?

gulp.task('criticalCSS', function() { 
 
    return gulp.src(['css/style.css','!css/*-critical.css']) 
 
    .pipe(sourcemaps.init({loadMaps: true})) 
 
     .pipe(postcss([require('postcss-critical-split')])) 
 
    .pipe(sourcemaps.write('source-maps')) 
 
    .pipe(gulp.dest('css')); 
 
});

Спасибо за любую помощь.

Мой gulpfile выглядит https://jsfiddle.net/ydhfjwdw/

Answer 1

Решение:

gulp.task('criticalCSS', function() { 
 
    var processors = [ 
 
     postcssCriticalSplit({ 
 
      'output': 'critical', 
 
      'startTag': 'critical:start', 
 
      'stopTag': 'critical:end' 
 
     }) 
 
    ]; 
 
    
 
    return gulp.src(['css/style.css']) 
 
    .pipe(postcss(processors)) 
 
    .pipe(cssnano()) 
 
    .pipe(rename({ 
 
     suffix: '.critical' 
 
    })) 
 
    .pipe(gulp.dest('css')); 
 
});