В чем разница между использованием autoprefixer в gulp-postcss или за его пределами?

Question

Я использую Gulp и используется Gulp Autoprefixer автономный, такие как:

gulp.task('styles', function() { 
    gulp.src('scss/**/*.scss') 
     //................. 
     .pipe(sass()) 
     .pipe(autoprefixer({ 
      browsers: [ 
       //.......... 
      ], 
     })) 
     //............ 
}); 

... но потом я вижу Gulp Postcss plugin, который, кажется, чтобы обернуть вариант использования non-gulp autoprefixer, таких как:

gulp.task('styles', function() { 
    gulp.src('scss/**/*.scss') 
    //................. 
      .pipe(sass()) 
      .pipe(postcss([ 
       autoprefixer({ 
        browsers: [ 
         //....... 
        ], 
       }), 
      ])) 
    //............ 
}); 

В чем разница?

Answer 1

Autoprefixer - это просто плагин PostCSS. Невозможно запустить его без PostCSS.

gulp-autoprefixer скрывает PostCSS внутри. Как ярлык для gulp-postcss(autoprefixer). Неофициальный способ запуска Autoprefixer.

Autoprefixer автор рекомендует использовать только gulp-postcss, потому что:

• вы получите обновления Autoprefixer быстрее.
• Вы можете комбинировать Autoprefixer с другими инструментами, основанными на PostCSS, для повышения производительности. Шаг анализа (самый длинный в обработке CSS) будет выполняться только один раз для всех инструментов на основе PostCSS (включая Autoprefixer).
• Это официальный способ, и команда Autoprefixer и PostCSS лучше тестируют ее.