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監(jiān)聽了.html文件和sass中的.scss文件，.scss文件一旦修改就編譯生成.css文件，然后自動(dòng)刷新頁(yè)面，修改.html也會(huì)刷新。但是問(wèn)題來(lái)了，假如我在.scss中的代碼錯(cuò)誤的話，編譯的時(shí)候就會(huì)出錯(cuò)，然后直接跳出gulp，那么我要怎么做才能防止其跳出，或者說(shuō)不跳出地把錯(cuò)誤信息打印出來(lái)并不進(jìn)行編譯？
2 回答
茅侃侃
TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超22個(gè)贊
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貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超9個(gè)贊
在sass中添加一個(gè)管道
// 異步編譯，編譯錯(cuò)誤的話就停止編譯到css中，就是跳過(guò)下一個(gè)操作，直接reload
.pipe(sass().on('error', sass.logError))搞定！
- 2 回答
- 0 關(guān)注
- 1070 瀏覽
添加回答
舉報(bào)
0/150
提交
取消