Sass --watch'ın otoprefixer'a çıkışı nasıl yapılır?

Question

Bu gibi benim Sass stilleri için bir yapı komutu vardır:

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

Şimdi, developement süreci için de benzer bir komutu istiyorum. Ancak, sass --watch tarafından değiştirilen dosyaların otoprefixer klibine nasıl aktarılacağını anlayamıyorum. OSX için fswatch aracıyla dolaşmayı başardım ama daha kolay ve daha evrensel bir çözüm için umarım

Answer 1

gulp'u teslim ettiniz mi? gulp-sass ve gulp-autoprefixer düğüm paketleri ile istediğinizi yapmak gerçekten çok kolay olurdu. senin gulpfile.js böyle

şey:

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