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/