V
V
Viktor2019-09-26 11:03:16
css
Viktor, 2019-09-26 11:03:16

Why is gulp build not working?

Gulp suddenly stopped working, although a day ago everything worked, it gives this message:
$ gulp watch
[10:47:40] Using gulpfile E:\template gulp\gulpfile.js
[10:47:40] Starting 'watch'...
at E:\template gulp\node_modules\browser-sync\dist\browser-sync.js:120:14
at iterate (E:\template gulp\node_modules\browser-sync\dist\utils.js:269:9)
at E :\template gulp\node_modules\browser-sync\dist\utils.js:281:21
at executeTask (E:\template gulp\node_modules\browser-sync\dist\browser-sync.js:136:13)
at Object. mergeMiddlewares [as fn] (E:\template gulp\node_modules\browser-sync\dist\async.js:166:9)
Here is the build:

const gulp = require('gulp')
const less = require('gulp-less');
const LessAutoprefix = require('less-plugin-autoprefix'); // автопрефиксеры
const autoprefix = new LessAutoprefix({ browsers: ['> 0.1%'] });
const gcmq = require('gulp-group-css-media-queries'); //для сортировки медиазапросов
const shorthand = require('gulp-shorthand');//для сокращенных записей стилей font: 14px bold
const browserSync = require('browser-sync').create(); //для запуска виртуального сервера

function styles() {
  return gulp.src('./src/precss/style.less') //('./src/precss/**/*.less')откуда тащим, ** - во всех вложенных папках, *.less - все файлы с расширением less
 .pipe(less({
  plugins: [autoprefix] //автопрефиксы
 }))  
 .pipe(gcmq())
 .pipe(shorthand())
 .pipe(gulp.dest('./src/css')) //куда складываем стили
 .pipe(browserSync.stream()); //для обновления браузера кагда чего-то поменяли
}

function watch() {
  browserSync.init({
    server: {
        baseDir: './src/' //указываем в какой папке искать html файлы
    },
    //tunnel: true
  });

  gulp.watch('./src/precss/**/*.less', styles) //при изменении любого less файла запускаем функцю styles, но тянуть будет только style.less
  gulp.watch('./src/js/*.js').on('change', browserSync.reload); //при изменении html обновляемся
  gulp.watch('./src/*.html').on('change', browserSync.reload); //при изменении html обновляемся
}

gulp.task('watch', watch)

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question