Блог

Итак, у меня проблема с моей gulp.watch задачей. Итак, короткая версия моего gulpfile.js :

 var gulp = require('gulp'),
    usemin = require('gulp-usemin'),
    wrap = require('gulp-wrap'),
    connect = require('gulp-connect'),
    watch = require('gulp-watch'),
    minifyCss = require('gulp-minify-css'),
    minifyJs = require('gulp-uglify'),
    concat = require('gulp-concat'),
    less = require('gulp-less'),
    rename = require('gulp-rename'),
    minifyHTML = require('gulp-minify-html'),
    rimraf = require('gulp-rimraf'),
    live = require('gulp-livereload'),
    strip = require('gulp-strip-debug'),
    gulpif = require('gulp-if');

var paths = {styles: 'public-src/less/*.*'};

gulp.task('delete-css', function (cb) {
    return gulp.src(paths.css_delete)
        .pipe(rimraf());
});

gulp.task('custom-less', ['delete-css'], function (cb) {
    return gulp.src(paths.styles)
        .pipe(less())
        .pipe(gulp.dest('public/css'));
});
gulp.task('watch', function () {

    gulp.watch([paths.styles],['custom-less']);

});
  

Также у меня есть задача сборки, которая содержит пользовательскую задачу, которая действительно работает. Вот оно

 gulp.task('build-custom', ['custom-less']);

gulp.task('build', ['build-custom']);
  

Поэтому, когда я запускал gulp build css, он объединялся в один файл. Когда я редактирую свой css в терминале, я вижу, что task custom-less он запускается и завершается, но файл css не обновляется. Кажется, я не могу понять, почему одна и та же задача работает при ее запуске gulp build , но когда вы ее просматриваете, она не меняется…

Надеюсь, у кого-нибудь есть идеи?