Wie wird die Ausgabe von sass --watch zu autoprefixer geroutet?

Question

Ich habe einen Befehl build meine Sass Stile wie folgt aus:

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

Nun würde Ich mag einen ähnlichen Befehl für den Entwicklungsprozess haben. Aber ich kann nicht herausfinden, wie man die Dateien, die durch sass --watch geändert wurden, zum autoprefixer cli leitet. Ich schaffte es mit fswatch Werkzeug für OSX umgehen, aber ich hoffe für eine einfachere und universellere Lösung

Answer 1

Haben Sie ausgecheckt gulp? Es wäre wirklich einfach, mit den Knotenpaketen gulp-sass und gulp-autoprefixer das zu tun, was Sie wollen.

So etwas wie dies in Ihrem 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')) 
});