Gulp смотреть все файлы LESS в корне

Ищем все файлы поменьше в корневом каталоге проекта gulp и затем компилируем только сохраненный файл LESS. Я не могу пройти первую часть.

Когда я запускаю $ gulp watch в каталоге проекта, он зависает. Запускает задание и никогда не заканчивается.

var gulp = require('gulp');
var less = require('gulp-less');
var path = require('path');

gulp.task('compileCurrentTheme', function () {
 return gulp.src('./*.less')
 .pipe(less({
  compress: true
 }))
 .pipe(gulp.dest('./'));
});

// Gulp watch functions
gulp.task('watch', function(){
 gulp.watch('*.less', ['compileCurrentTheme']); 
}); 

1 ответ

Решение

Вы сделали какую-то ошибку

gulp.task('compileCurrentTheme', function () {
  return gulp.src('./*.less') // ./ -> root directory
    .pipe(less())
    .pipe(gulp.dest('yourPath')); // you can also type ./ it will create .css files in your root directory
});

// Gulp watch functions
gulp.task('watch:less', function(){
  gulp.watch('./*.less', ['compileCurrentTheme']); 
});

Переименуй свой watch задача для watch:less а затем запустите его из консоли gulp watch:less

Пожалуйста, смотрите на глоток и глоток особенно gulp-watch просто чтобы сделать ваше понимание немного яснее.

Я надеюсь, что это поможет вам

Спасибо

Другие вопросы по тегам