KEDRIA
@KEDRIA
Начинающий верстальщик

Ошибка в Gulp. Как решить?

Код галпа :
"use strict";

const gulp = require("gulp"),
  server = require("browser-sync").create(),
  less = require("gulp-less"),
  plumber = require("gulp-plumber"),
  autoprefixer = require('gulp-autoprefixer'),
  sourcemaps = require('gulp-sourcemaps'),
  minify = require("gulp-csso"),
  gcmq = require('gulp-group-css-media-queries'),
  tinypng = require('gulp-tinypng-compress');


// запуск сервера
function browserSync(done) {
  server.init({
    server: {
      baseDir: "./build/"
    },
    port: 3000
  });
  done();
}
function browserSyncReload(done) {
  server.reload();
  done();
}

// перенос html
function html() {
  return gulp.src('./src/index.html')
    .pipe(gulp.dest('./build/'))
    .pipe(server.stream());
};

function fonts() {
  return gulp.src('./src/assets/fonts/**/*')
    .pipe(gulp.dest('./build/fonts/'))
};


//Трансплитация формата es6 в es5
function js() {
  return gulp.src('./src/assets/js/dest/*.js')
    .pipe(sourcemaps.init())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./build/js'))
    .pipe(server.stream());
};

function images() {
  return gulp.src('./src/assets/img/*')
    .pipe(gulp.dest('./build/img/'));
}

//Компиляция less в css
function style() {
  return gulp.src("./src/assets/less/*.less")
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(less())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest("./build/css"))
    .pipe(server.stream());
};

//Минификация css, добавление префиксов, группировка медиазапросов
function optimize() {
  return gulp.src("./build/css/main.css")
    .pipe(autoprefixer({
      cascade: false
    }))
    .pipe(gcmq())
    .pipe(minify())
    .pipe(gulp.dest("./build/css"));
};


function watchFiles() {
  gulp.watch('./src/assets/less/**/*.less', style);
  gulp.watch('./src/index.html', html);
  gulp.watch('./src/assets/img/*', images);
  gulp.watch('./src/assets/js/*.js', js);
  gulp.watch('./src/assets/fonts/**/*', fonts);
};

const build = gulp.series(gulp.parallel(html, style, js, images, fonts));
const watch = gulp.parallel(build, watchFiles, browserSync);

gulp.task('tinypng', function () {
  gulp.src('images/src/**/*.{png,jpg,jpeg}')
      .pipe(tinypng({
          key: 'API_KEY',
          sigFile: 'images/.tinypng-sigs',
          log: true
      }))
      .pipe(gulp.dest('images'));
});

// export tasks
exports.html = html;
exports.style = style;
exports.js = js;
exports.images = images;
exports.optimize = optimize;
exports.build = build;
exports.watch = watch;
exports.default = watch;

Фото ошибки : 5d2eefca85b41197822530.jpeg

В чем проблема? Не могу никак разобраться.
  • Вопрос задан
  • 143 просмотра
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
Как решить?


Ответить на вопрос, заданный вам красными буквами: А вы не забыли послать сигнал завершения?

В данном случае речь идет о таске watchFiles.

Ну и таск watch я бы переписал

const watch = gulp.series(
    build,
    gulp.parallel(watchFiles, browserSync)
);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Eagle Dynamics Москва
от 150 000 до 200 000 руб.
iDWELL Москва
от 220 000 до 250 000 руб.
8BIT GROUP Москва
от 140 000 до 200 000 руб.