Come convogliare l'output di sass --watch a autoprefixer?

Question

Ho un comando build per i miei stili Sass come questo:

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

Ora, mi piacerebbe avere un comando simile per il processo di sviluppo. Ma non riesco a capire come pipe i file modificati da sass --watch per il cli del mirino autoprefixer. Sono riuscito a girarlo con lo strumento fswatch per OSX ma spero in una soluzione più semplice e più universale d

Answer 1

Avete controllato gulp? Sarebbe davvero facile fare ciò che vuoi con i pacchetti di nodi gulp-sass e gulp-autoprefixer.

Qualcosa di simile nella vostra 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')) 
});