Как передать в gulp-pug данные или переменную?

Question

[Максим Погребной]

Использую gulp-pug. В самом gulp использую два таска, для сборки продакшена и для самой разработки. Режим компиляции указывается с помощью параметра при запуске таска, но можно и просто сделать отдельные таски. В зависимости от того для чего компилится сборка мне надо передавать этот признак в шаблонизатор Pug, и там от этого условия или подключаются или не подключаются определенные блоки. Как можно передать такую переменную в gulp-pug через его options? В описании API Pug'а упоминается параметр globals, но как его использовать не могу понять... Или это делается совсем по-другому?

Answer 1

[Владислав Грудин]

Вот так:

export const compilePug = () => {
  return gulp.src(PATHS.pug)
    .pipe(pug({
      pretty: true,
      data: {
        env: process.env.NODE_ENV,
      },
    }))
    .pipe(gulp.dest(DEST_FOLDER));
}

Comments

[Максим Погребной]

а откуда взялось свойство data?)
так значит через него можно передавать и любые данные?

[Владислав Грудин]

Я так понял, это свойство именно плагина Gulp-pug. Через globals у меня тоже не получалось передать данные, а вот через data всё заработало.

так значит через него можно передавать и любые данные?

Выходит, что так)

[Максим Погребной]

Все отлично! Все работает)))
Подключил пакет yargs

const argv = require('yargs').argv;

передал данные в Pug

.pipe(
      pug({
        basedir: './src/pug/',
        pretty: true,
        data: {
          production: argv.production
        }
      })
    )

Использую переменную в файле .pug

if production
    include ../includes/copyrights.pug

запускаю сборку

gulp build --production

Теперь в зависимости имеется ли параметр --production или нет в итоговой сборке подключается или не подключается блок.

[Владислав Грудин]

Максим Погребной, рад был помочь!)