@Shv_sergey

Почему автоматизация на GULP — препроцессора LESS не работает в режиме реального времени?

Друзья! Проблема в следующем:
я пытаюсь less код скомпилировать в css и в браузере видеть все изменения, которые я провожу с less файлами БЭМ-блоков моей верстки.

Все блоки собраны через импорт в style.less, который компилируется в style.css.

Прописываю в консоли gulp watch - все хорошо - появляется style.css со всем кодом, отображается в браузере. Но если я произвожу изменения в любом less документе - ничего не меняется. Вотчер фиксирует - но изменения в браузере и style.css не отображаются. Если делаю изменения непосредственно в style.less - все изменения видны и в браузере и style.css. У меня предположение, что дело в import - файлы первый раз собираются, а потом как будто кэшируются.

Пробовал отключать кэш в браузере, перебирал код gulpfile.js.

Что можно попробовать сделать?

Код прикрепляю ниже.5aa6a29540ad2627213945.png5aa6a3223a830969957010.png
var gulp = require('gulp');
var less = require('gulp-less'); //Подключаем Less пакет
var browserSync  = require('browser-sync');
var plumber = require('gulp-plumber');

gulp.task('less', function(){ // Создаем таск Less
    return gulp.src('source/less/style.less') // Берем источник
        .pipe(plumber())
        .pipe(less()) // Преобразуем Less в CSS посредством gulp-less
        .pipe(gulp.dest('source/css')) // Выгружаем результата в папку source/css
        .pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
});

gulp.task('browser-sync', function() { // Создаем таск browser-sync
    browserSync({ // Выполняем browser Sync
        server: { // Определяем параметры сервера
            baseDir: 'source' // Директория для сервера - source
        },
        notify: false // Отключаем уведомления
    });
});

gulp.task('watch', ['browser-sync', 'less'], function() {
    gulp.watch('source/**/*.less', ['less']); // Наблюдение за less файлами
    gulp.watch('source/*.html', browserSync.reload);
    // Наблюдение за другими типами файлов
});
  • Вопрос задан
  • 128 просмотров
Пригласить эксперта
Ответы на вопрос 2
shnopik87
@shnopik87
Утром, познав истину, вечером можно умереть.
Ты по ходу учишься в HTMLакадемии - и проект у тебя pink!!!
Иди спроси у наставника......он тебе все разъяснит!
Ответ написан
@ratelChief
Столкнулся с такой же проблемой, есть какое-то решение?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Infotech Group Казань
от 30 000 до 50 000 руб.
от 100 000 до 150 000 руб.
Wheely Москва
До 180 000 руб.