在gulp-postcss或其外部使用autoprefixer有什麼區別？

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的工具結合使用，以提高性能。對於所有基於PostCSS的工具（包括Autoprefixer），解析步驟（CSS處理中最長的一次）僅執行一次。
• 這是官方的方式，Autoprefixer和PostCSS團隊測試它更好。