Was ist der Unterschied zwischen der Verwendung von Autoprefixer innerhalb von Gulp-Postcss oder außerhalb davon?

Question

Ich verwende Gulp und haben die Gulp Autoprefixer Standalone wie verwendet:

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

... aber dann habe ich die Gulp Postcss plugin sehen, welche die Verwendung eines non-gulp autoprefixer wie zu einzuwickeln scheint:

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

Was ist der Unterschied?

Answer 1

Autoprefixer ist nur ein PostCSS-Plugin. Es gibt keine Möglichkeit, es ohne PostCSS auszuführen.

gulp-autoprefixer verbirgt PostCSS innerhalb. Wie eine Abkürzung für gulp-postcss(autoprefixer). Es ist eine inoffizielle Art, Autoprefixer auszuführen.

Autoprefixer Autor empfiehlt, nur gulp-postcss, zu verwenden, weil:

• Sie werden schneller Autoprefixer Updates.
• Sie können Autoprefixer mit anderen PostCSS-basierten Tools kombinieren, um die Leistung zu verbessern. Der Parsing-Schritt (der längste in der CSS-Verarbeitung) wird nur einmal für alle PostCSS-basierten Tools (einschließlich Autoprefixer) ausgeführt.
• Es ist offizielle Art und Weise und Autoprefixer und PostCSS Team testen es besser.