gulp-postcss内またはautoprefixer外でのautoprefixerの使用の違いは何ですか？

Question

私はGulpを使用しています、そのようGulp Autoprefixerスタンドアロンで使用している：

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

次のような non-gulp autoprefixerの使用を包むように思われ

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

...しかし、私はGulp Postcss pluginを見ます

違いは何ですか？

Answer 1

自動プレフィクサーはPostCSSプラグインです。 PostCSSなしで実行する方法はありません。

gulp-autoprefixer非表示PostCSSの内側にあります。 gulp-postcss(autoprefixer)のショートカットのように。オートプレフィクサーを実行するのは非公式です。あなたがより速くAutoprefixerの更新を取得します

• ：ので

  Autoprefixer作成者は、唯一のgulp-postcssを使用することを推奨しています。

• Autoprefixerと他のPostCSSベースのツールを組み合わせて、パフォーマンスを向上させることができます。解析ステップ（CSS処理で最長）は、すべてのPostCSSベースのツール（Autoprefixerを含む）に対して1回だけ実行されます。
• これは公式の方法であり、AutoprefixerとPostCSSチームはそれをよりよくテストします。