Как передать вывод sass --watch в autoprefixer?

Question

У меня есть команда сборки для моих стилей Sass, как это:

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

Теперь, я хотел бы иметь аналогичную команду для процесса Developement. Но я не могу понять, как перенаправить файлы, измененные на sass --watch в autoprefixer cli. Мне удалось обойти это с помощью инструмента fswatch для OSX, но я надеюсь, что для более простого и универсального решения

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')) 
});