polyak-888
@polyak-888
Js, React.js, css, frontend

Почему не работает сборка gulp?

Внезапно перестал работать галп, хотя день назад все работало выдает такое сообщение:
$ 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)
Вот сборка:
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)
  • Вопрос задан
  • 243 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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