Я немного новичок в 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 в возвышенном тексте, я увижу, что он обновляется при перекомпиляции... но изменения просто не отображаются.
Любые идеи, что здесь происходит?
gulp-less v4.0.x
- это известная ошибка. См. github.com/stevelacy/gulp-less/issues/283. - person seven-phases-max   schedule 03.04.2018