Làm thế nào để sản lượng ống của sass - đồng hồ để autoprefixer?

Question

Tôi có một lệnh xây dựng cho phong cách Sass của tôi như thế này:

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

Bây giờ, tôi muốn có một lệnh tương tự cho quá trình Phát triển. Nhưng tôi không thể tìm cách làm thế nào để các tập tin ống thay đổi bởi sass --watch để clop autoprefixer. Tôi đã xoay xở để sử dụng công cụ fswatch cho OSX nhưng tôi hy vọng rằng sẽ dễ dàng hơn và phổ biến hơn nữa solutiond

Answer 1

Bạn đã xem gulp chưa? Nó sẽ thực sự dễ dàng để làm những gì bạn muốn với các gói nút gulp-sass và gulp-autoprefixer.

Something như thế này trong gulpfile.js của bạn:

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