var gulp = require('gulp');var browserSync = require('browser-sync').create();var sass = require('gulp-sass');var reload = browserSync.reload;gulp.task('serve', ['sass'], function() { browserSync.init({ server: "./" }); gulp.watch("sass/*.scss", ['sass']); gulp.watch("./*.html").on('change', reload);});gulp.task('sass', function() { return gulp.src("sass/*.scss") .pipe(sass()) .pipe(gulp.dest("css")) .pipe(reload({stream: true}));});gulp.task('default', ['serve']);gulpfile.js的代碼就是以上。我用BrowserSync監聽了.html文件和sass中的.scss文件，.scss文件一旦修改就編譯生成.css文件，然后自動刷新頁面，修改.html也會刷新。但是問題來了，假如我在.scss中的代碼錯誤的話，編譯的時候就會出錯，然后直接跳出gulp，那么我要怎么做才能防止其跳出，或者說不跳出地把錯誤信息打印出來并不進行編譯？
2 回答
茅侃侃
TA貢獻1842條經驗 獲得超21個贊
plumber = require('gulp-plumber'),
gulp.task('sass', function() {
return gulp.src("sass/*.scss")
.pipe(plumber())
.pipe(sass())
.pipe(gulp.dest("css"))
.pipe(reload({stream: true}));
});
暮色呼如
TA貢獻1853條經驗 獲得超9個贊
在sass中添加一個管道
// 異步編譯，編譯錯誤的話就停止編譯到css中，就是跳過下一個操作，直接reload
.pipe(sass().on('error', sass.logError))搞定！
- 2 回答
- 0 關注
- 1061 瀏覽
添加回答
舉報
0/150
提交
取消