Gulp компилирует LESS только при первом запуске. Он по-прежнему видит мои изменения, но не обновляет скомпилированный файл CSS.

Я немного новичок в gulp. У меня есть старая тема Wordpress, с которой я пытаюсь использовать gulp для компиляции файлов LESS. Моя структура такова:

-theme
--library
---less
----style.less (all the imports all of the less files)
----brew (all the less files are in this folder)
---css
----style.css (this is the compiled css file)
-gulp-dev
--node_modules
--gulpfile.js
--package.json

И вот мой глоток:

var gulp = require('gulp');
var less = require('gulp-less'); 
var browserSync = require('browser-sync').create();
var reload      = browserSync.reload;


/* Task to compile less */
gulp.task('compile-less', function() {  
  gulp.src('../theme/library/less/style.less')
    .pipe(less())
    .pipe(gulp.dest('../theme/library/css/'));
}); 
/* Task to watch less changes */
gulp.task('watch-less', function() {  
  gulp.watch('../theme/library/less/**/*.less' , ['compile-less']);
});

gulp.task('serve', function () {

    // Serve files from the root of this project
    browserSync.init({ 
      open: 'external',
      proxy: 'wordpress.localhost:8080',
      port: 8080
    }); 
    gulp.watch('../theme/library/less/**/*.less').on("change", reload);
});

/* Task when running `gulp` from terminal */
gulp.task('default', ['watch-less', 'serve']);

Кажется, это работает нормально. Я запускаю gulp, и он запускает Browsersync и начинает просматривать мои файлы LESS. Я вношу изменения в один из файлов LESS, он отслеживает изменения и компилирует их, и изменения отображаются на локальном веб-сайте. Все работает нормально. Проблема в том, что в следующий раз, когда я вношу изменения и сохраняю их, gulp сообщает мне, что увидел сохранение и снова скомпилировал файл, но изменения не отображаются в файле. Ничего в style.css не меняется после того, как я внес это первое изменение. Если я закрою gulp, а затем снова запущу его, он скомпилирует LESS, измененный в первый раз, но затем не сделает этого снова.

Если я открою скомпилированный файл css в возвышенном тексте, я увижу, что он обновляется при перекомпиляции... но изменения просто не отображаются.

Любые идеи, что здесь происходит?


person evanart    schedule 02.04.2018    source источник
comment
Если вы меняете импортированные файлы (в отличие от master style.less) и это gulp-less v4.0.x - это известная ошибка. См. github.com/stevelacy/gulp-less/issues/283.   -  person seven-phases-max    schedule 03.04.2018
comment
Дубликат stackoverflow.com/questions/49132742, stackoverflow.com/questions/49416905, stackoverflow.com/questions/49350880 и т. д.   -  person seven-phases-max    schedule 03.04.2018
comment
большое спасибо, это исправлено. извините за повторение проблемы, я думаю, я не искал то, что нужно   -  person evanart    schedule 03.04.2018
comment
Возможный дубликат gulp-watch в сочетании с проблемой кэширования без глотка   -  person seven-phases-max    schedule 09.04.2018