如何对sass的输出进行管道化--关注autoprefixer?

如何对sass的输出进行管道化--关注autoprefixer?,sass,command-line-interface,autoprefixer,Sass,Command Line Interface,Autoprefixer,我有一个用于我的Sass样式的构建命令,如下所示: sass src/styles/main.scss--style compressed | autoprefixer-b\>1%,即8\>dist/main.css 现在,我想为开发过程提供一个类似的命令。但我不知道如何将由sass--watch更改的文件通过管道传输到autoprefixer cli。我设法用OSX工具解决了这个问题,但我希望有一个更简单、更通用的解决方案。你签了吗?使用gulp sass和gulp autoprefixer节

我有一个用于我的Sass样式的构建命令,如下所示:

sass src/styles/main.scss--style compressed | autoprefixer-b\>1%,即8\>dist/main.css

现在,我想为开发过程提供一个类似的命令。但我不知道如何将由
sass--watch
更改的文件通过管道传输到autoprefixer cli。我设法用OSX工具解决了这个问题,但我希望有一个更简单、更通用的解决方案。你签了吗?使用
gulp sass
gulp autoprefixer
节点软件包,您可以很容易地完成所需的操作

在您的
gulpfile.js
中类似这样的内容:

var gulp         = require('gulp');
var sass         = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');

gulp.task('scss', function() {
    return gulp.src('path/to/styles.scss')
    .pipe(sass())
    .pipe(autoprefixer())
    .pipe(gulp.dest('path/to/css'))
});

你在这里发现了什么?我一直在尝试观察dir并将这些文件传输到autoprefixer,但很难找到清晰的示例。暂时只喝一口。