Как настроить кэш для файлов только с миксинами?

Question

[Sergey]

Пытаюсь сократить время на компиляцию проекта. Структура папок такая:

/pug
  /common
      layout.pug
  /components
      blocks.pug
      components.pug
      elements.pug
  index.pug
  ...

layout.pug инклудит components.pug, который, в свою очередь, подключает blocks.pug и elements.pug с миксинами. Со временем страниц, блоков и элементов стало слишком много и на компиляцию начало уходить около минуты. Подключил gulp-cached и разделил компиляцию pug на два таска: один для страниц, другой для компонентов.

gulp.watch(['src/pug/*.pug'], compilePagesPug);
gulp.watch(['src/pug/common/*.pug', 'src/pug/components/*.pug'], compileAllPug);

Сейчас compileAllPug тоже самое что и compilePagesPug, только без кэша.

Со страницами всё ясно-понятно и работает отлично. А вот как быть с компонентами? Они не компилируются в html файлы и, если я правильно понимаю, галп видит что файл был изменен, запускает compileAllPug, а внутри таска, gulp-cached думает что ничего не поменялось (что для него в принципе логично, наверное) и дальнейшие действия соответственно не срабатывают.

Или, может, я слишком намудрил со структурой и всё намного проще?

Comments

[Сергей delphinpro]

Таски покажите

[Sergey]

function compilePagesPug() {
	return gulp
		.src(['src/pug/*.pug', 'src/pug/pages/*.pug'])
                .pipe(cache('cacheHtml'))
		.pipe(plumber())
		.pipe(pug())
		.pipe(
			prettier({
				parser: 'html',
				printWidth: 180,
				htmlWhitespaceSensitivity: 'ignore',
			})
		)
		.pipe(
			htmlPretty({
				indent_size: 2,
				indent_with_tabs: true,
				indent_inner_html: true,
				extra_liners: [
					'head',
					'body',
					'/body',
					'/html',
					'main',
					'/main',
					'!--',
				],
			})
		)
		.pipe(htmlValidator({
                   skipWarnings: true
		}))
		.pipe(gulp.dest('build'))
		.pipe(browserSync.stream());
}

function compileAllPug() {
  return gulp
    .src(['src/pug/*.pug', 'src/pug/pages/*.pug'])
    .pipe(plumber())
    .pipe(pug())
    .pipe(
      prettier({
        parser: 'html',
        printWidth: 180,
        htmlWhitespaceSensitivity: 'ignore',
      })
    )
    .pipe(
      htmlPretty({
        indent_size: 2,
        indent_with_tabs: true,
        indent_inner_html: true,
        extra_liners: [
          'head',
          'body',
          '/body',
          '/html',
          'main',
          '/main',
          '!--',
        ],
      })
    )
    .pipe(htmlValidator({
       skipWarnings: true
    }))
    .pipe(gulp.dest('build'));
}