Как отслеживать только текущий файл Jade (Gulp)?

Question

[Юрий Кучеренко]

Всем привет, проблема такая - есть папка jade в которой куча папок-подпапок с модулями, хелперами и так далее. В корне папки лежат основные так сказать "MAIN" файлы куда все импортится и инклудится, затем основные файлы компилятся в HTML и попадают в папку "app". Когда страниц ("MAIN" файлов) становится больше одного то галп следит за всеми этими файлами и при изминении одного файла к примеру ("_contact.jade") обновляются и все остальные основные файлы.

Скрин из терминала (сохранил только один файл а он и остальные обновил)


Jade использую в связке с BrowserSync
Таск Jade


Таск воч и дефолт


Кто юзает Jade + BrowserSync, как пофиксили проблему? Спасибо

Answer 1

[Дмитрий Кравченко]

gulp-cached
в качестве вотчера советую использовать chokidar
таким образом можно отслеживать изменения в каком-то файле, подключаемом во все (header.jade, например) и перекомпилировать все файлы, очищая кэш, иначе (MAIN файлы) будет пересобираться только измененный файл

Comments

[Юрий Кучеренко]

крутейшая карусель из 3 костылей с вочерами и кешами. Галп, такой галп

[Дмитрий Кравченко]

Юрий Кучеренко: хмм, ну не используйте галп, в чем проблема? быстрей джейда вы джейд не скомпилируете, это точно

[Юрий Кучеренко]

Дмитрий Кравченко: так он у меня отлично компилится, проблема в другом. Просто когда речь идет о подобной задачи появляются карусели

[Дмитрий Кравченко]

Юрий Кучеренко: так посмотрите, что вы делаете. Таск: перекомпилируй все джейд файлы по изменению любого в такой-то директории. Ровно это и делается

[Юрий Кучеренко]

Дмитрий Кравченко: я вижу что я делаю и не ожидаю от своего таска решения своей проблемы, может кто еще ответит у кого уже была такая проблема и есть таск написанный

[Дмитрий Кравченко]

//task
gulp.task('html:compile-jade', function(){
  return gulp.src(pathToPages)
      .pipe($.plumber({
        errorHandler: function (error) {
            console.log(error)
            this.emit('end');
        }
      }))
      .pipe($.cached('jade'))
      .pipe($.jade({ pretty: true }))
      .pipe(gulp.dest('./dev/'))
      .pipe($.browserSync.reload({ stream: true }));
});

//watcher

chokidar.watch([
            'markup/pages/**/*.jade'
        ], {
            ignored: '',
            persistent: true,
            ignoreInitial: true
        }).on('all', function (event, path) {
            gulp.start('html:compile-jade');
        });

chokidar.watch([
      'markup/modules/**/*.jade'
    ], {
      ignored: '',
      persistent: true,
      ignoreInitial: true
    }).on('all', function (event, filePath) {

      //проверим страница это или включаемый файл
      if(isPage){
        //удалим конкретную страницу (я убрал свой код, в переменной page имя файла)
        delete($.cached.caches.jade[path.join(process.cwd(),'markup/pages/'+page + '.jade')]);
      }else{
        //очистим полностью
    
        $.cached.caches.jade = {};
      }

      gulp.start('html:compile-jade');
    });

[Юрий Кучеренко]

Дмитрий Кравченко: "в переменной page имя файла" какого файла? откуда я знаю что это будет за файл?

[Юрий Кучеренко]

Дмитрий Кравченко: у меня страницы начинаются без "_"

[Дмитрий Кравченко]

Юрий Кучеренко: так и проверяйте, значит
имя файла можно достать из filePath

[Юрий Кучеренко]

Дмитрий Кравченко: есть вк?

[Дмитрий Кравченко]

Юрий Кучеренко: на почту отписал