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