如何通过管道输出sass --watch to autoprefixer？

Question

对于我的Sass样式，我有一个构建命令，如下所示：

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

现在，我希望在开发过程中有一个类似的命令。但我不知道如何通过管道将sass --watch更改的文件传送到自动修复程序cli。我设法用用于OSX的fswatch工具解决了这个问题，但我希望有一个更简单、更通用的解决方案。

Answer 1

你检查过gulp了吗？使用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'))
});