gulp之sass 监听文件，自动编译

gulpfile.js文件如下：

 

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('default', function () {
  gulp.src('./css/*.scss')
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
    .pipe(gulp.dest('./css'));
});

//在命令行执行：gulp sass:watch，就可实现监听文件变化来自动编译
gulp.task('sass:watch', function () {
  gulp.watch('./css/*.scss', ['default']);
});

 

命令行如下：

 

可参考：

https://www.npmjs.com/package/gulp-sass/