sass - 如何将 sass --watch 的输出通过管道传输到 autoprefixer？

Question

我有一个用于我的 Sass 样式的构建命令，如下所示：

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

现在，我想在开发过程中使用类似的命令。但我不知道如何将更改的文件通过管道传输sass --watch到 autoprefixer cli。我设法使用 OSX 的fswatch工具解决了这个问题，但我希望有一个更简单、更通用的解决方案

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