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。我设法通过 fswatch 解决了它OSX 工具，但我希望有一个更简单、更通用的解决方案

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