gulp - 在 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 团队对其进行了更好的测试。