Devinora
@Devinora
Front-end web development

Live Reload при ошибочной компиляции sass(scss) перестает работать. Как автоматизировать процесс?

"use strict";

var gulp = require('gulp'),
	sass = require('gulp-sass'),
	watch = require('gulp-watch'),
	browserSync = require('browser-sync').create();

gulp.task('serve', ['sass'], function() {

	browserSync.init({
		server: "./app"
	});

	gulp.watch("app/sass/*.scss", ['sass']);
	gulp.watch("app/*.html").on('change', browserSync.reload);
});


gulp.task('sass', function() {
	return gulp.src("app/sass/*.scss")
		.pipe(sass())
		.pipe(gulp.dest("app/css"))
		.pipe(browserSync.stream());
});

gulp.task('default', ['serve']);

1856453e4b474441a6840ccf0820bccb.png
  • Вопрос задан
  • 184 просмотра
Решения вопроса 1
sim3x
@sim3x
pipe(
      sass()
      .on('error', sass.logError)
)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Devinora
@Devinora Автор вопроса
Front-end web development
"use strict";

var gulp = require('gulp'),
	sass = require('gulp-sass'),
	watch = require('gulp-watch'),
	browserSync = require('browser-sync').create(),
	plumber = require('gulp-plumber');

gulp.task('serve', ['sass'], function() {

	browserSync.init({
		server: "./app"
	});

	gulp.watch("app/sass/*.scss", ['sass']);
	gulp.watch("app/*.html").on('change', browserSync.reload);
});


gulp.task('sass', function() {
	return gulp.src("app/sass/*.scss")
		.pipe(plumber())
		.pipe(sass())
		.pipe(gulp.dest("app/css"))
		.pipe(browserSync.stream());
});

gulp.task('default', ['serve']);

26e6b2afe27e40ce9d6f91b6076b75fb.png
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы