Почему при вводе кириллицы в код, gulp прекращает работу?

Question

[jhoony91]

Если допустить ошибку на англ раскалдке, то ошибка отлавливается, приходит уведомление, но если писать на русском, browserSync прекращает работу. Подскажите, как исправить?

gulpfile.js

(function(){
	'use strict';	
});

var gulp = require('gulp'),
  watch = require('gulp-watch'),
  prefixer = require('gulp-autoprefixer'),
  stylus = require('gulp-stylus'),
  rigger = require('gulp-rigger'),
  rimraf = require('rimraf'),
  browserSync = require('browser-sync'),
  svgsprite = require('gulp-svg-sprites'),
  svgmin = require('gulp-svgmin'),
  plumber = require('gulp-plumber'),
  notify = require('gulp-notify'),
  reload = browserSync.reload,
  imageMin = require('gulp-imagemin'),
  pngquant = require('imagemin-pngquant'),
  cache = require('gulp-cache'),
  cleanCSS = require('gulp-clean-css');

var path = {
  build: {
    html: 'build/',
    distjs: 'build/js/',
    js: 'build/js/',
    css: 'build/css/',
    distcss: 'build/css/',
    img: 'build/img/',
    pic: 'build/pic/',
    font: 'build/font/',
    sprite: 'build/img/',
    svgsprite: 'build/img/'
  },
  src: {
    html: 'src/*.html',
    distjs: 'src/js/dist/*',
    js: 'src/js/main.js',
    style: 'src/style/style.styl',
    distcss: 'src/style/dist/*',
    img: 'src/img/**/*.*',
    pic: 'src/pic/**/*.*',
    font: 'src/font/**/*.*',
    sprite: 'src/icon/*.*',
    svgsprite: 'src/svg/**/*.*'
  },
  watch: {
    html: 'src/**/*.html',
    js: 'src/js/**/*.js',
    style: 'src/style/**/*.styl',
    img: 'src/img/**/*.*',
    pic: 'src/pic/**/*.*',
    font: 'src/font/**/*.*',
    sprite: 'src/icon/*.*',
    svgsprite: 'src/svg/**/*.*'
  },
  clean: './build'
};

var config = {
  server: {
    baseDir: "./build"
  },
  tunnel: false,
  notify: false,
  host: 'localhost',
  port: 9000,
  logPrefix: "MyBuild"
};

gulp.task('html:build', function () {
  gulp.src(path.src.html)
    .pipe(rigger())
    .pipe(gulp.dest(path.build.html))
    .pipe(reload({
      stream: true
    }));
});

gulp.task('js:build', function () {
  gulp.src(path.src.js)
    .pipe(rigger())
    .pipe(gulp.dest(path.build.js))
    .pipe(reload({
      stream: true
    }));
});

gulp.task('dist:build', function () {
  gulp.src(path.src.distjs)
    .pipe(gulp.dest(path.build.distjs));
  gulp.src(path.src.distcss)
    .pipe(gulp.dest(path.build.distcss));
});

gulp.task('style:build', function () {
  gulp.src(path.src.style)
    .pipe(stylus())
    .pipe(plumber({
      errorHandler: notify.onError(err => ({
        title: 'ERROR Stylus Сompilation',
        message: err.message
      }))
    }))
    .pipe(prefixer())
    .pipe(cleanCSS({
      compatibility: 'ie8'
    }))
    .pipe(gulp.dest(path.build.css))
    .pipe(reload({
      stream: true
    }));
});


gulp.task('image:build', function () {
  gulp.src(path.src.img)
    .pipe(imageMin({
      progressive: true,
      svgoPlugins: [{
        removeViewBox: false
      }],
      use: [pngquant()],
      interlaced: true
    }))
    .pipe(gulp.dest(path.build.img))
    .pipe(reload({
      stream: true
    }));
});

gulp.task('pic:build', function () {
  gulp.src(path.src.pic)
    .pipe(imageMin({
      progressive: true,
      svgoPlugins: [{
        removeViewBox: false
      }],
      use: [pngquant()],
      interlaced: true
    }))
    .pipe(gulp.dest(path.build.pic))
    .pipe(reload({
      stream: true
    }));
});

gulp.task('font:build', function () {
  gulp.src(path.src.font)
    .pipe(gulp.dest(path.build.font));
});


gulp.task('svgsprite:build', function () {
  return gulp.src('src/svg/*.svg')
    .pipe(svgmin({
      js2svg: {
        pretty: true
      }
    }))
    .pipe(svgsprite({
      mode: "symbols",
      preview: false,
      svg: {
        symbols: "sprite.svg"
      }
    }))
    .pipe(gulp.dest('build/img'));
});

gulp.task('clear', function () {
  return cache.clearAll();
})

gulp.task('build', [
  'html:build',
  'dist:build',
  'js:build',
  'style:build',
  'font:build',
  'image:build',
  'pic:build',
  'svgsprite:build',
  'clear'
]);

gulp.task('watch', function () {
  watch([path.watch.html], function (event, cb) {
    gulp.start('html:build');
  });
  watch([path.watch.style], function (event, cb) {
    gulp.start('style:build');
  });
  watch([path.watch.js], function (event, cb) {
    gulp.start('js:build');
    gulp.start('dist:build');
  });
  watch([path.watch.img], function (event, cb) {
    gulp.start('image:build');
  });
  watch([path.watch.pic], function (event, cb) {
    gulp.start('pic:build');
  });
  watch([path.watch.font], function (event, cb) {
    gulp.start('font:build');
  });
  watch([path.watch.svgsprite], function (event, cb) {
    gulp.start('svgsprite:build');
  });
});

gulp.task('webserver', function () {
  browserSync(config);
});

gulp.task('clean', function (cb) {
  rimraf(path.clean, cb);
});

gulp.task('default', ['build', 'webserver', 'watch']);

Answer 1

[Сергей delphinpro]

Используйте gulp-plumber

var plumber = require('gulp-plumber'); //+

gulp.task('js:build', function () {
  gulp.src(path.src.js)
    .pipe(plumber()) // +
    .pipe(rigger())
    .pipe(gulp.dest(path.build.js))
    .pipe(reload({
      stream: true
    }));
});

Comments

[jhoony91]

дак я и так его использую

plumber = require('gulp-plumber'),

gulp.task('style:build', function () {
gulp.src(path.src.style)
.pipe(stylus())
.pipe(plumber({
errorHandler: notify.onError(err => ({
title: 'ERROR Stylus Сompilation',
message: err.message
}))
}))
.pipe(prefixer())
.pipe(cleanCSS({
compatibility: 'ie8'
}))
.pipe(gulp.dest(path.build.css))
.pipe(reload({
stream: true
}));
});

[Сергей delphinpro]

jhoony91, Оформляйте, пожалуйста, код соответствующими тегами.

Посмотрите, что написано на странице плагина:

Briefly it replaces pipe method and removes standard onerror handler on error event, which unpipes streams on error by default.

Отсюда следует логический вывод, что подключать его нужно перед другими плагинами.

[jhoony91]

Сергей delphinpro, спасибо