Можно ли компилировать .pug в .php посредством Gulp?

Question

[Евгений Журов]

Если да - то как? Должно же это как-то делаться?)) Иначе pug получается каким-то малопригодным...

Comments

[Дмитрий Локшин]

Евгений, у Вас получилось решить данную проблему? Тоже задался таким вопросом.

[Евгений Журов]

Дмитрий Локшин, Боюсь, что нет. В тот момент пришлось вручную дописывать php в готовом файле. С тех пор больше во всем этом необходимости не возникало, поэтому руки так и не дошли до решения.

[Дмитрий Локшин]

Евгений Журов, Плохо искали, я нашел)

[Евгений Журов]

Дмитрий Локшин, поздравляю =) Буду признателен, если поделитесь)

Answer 1

[LesKA]

var pug = require('gulp-pug');

gulp.task('pug', function() {
  return gulp.src('app/pug/**/*.pug')
   .pipe( pug({pretty: true}) )
   .pipe(rename(function (path) {
	    path.extname = ".php"
	  }))
	.pipe(gulp.dest('app/'))
	.pipe(browserSync.reload({stream: true}));
  
});

Comments

[Евгений Журов]

Да, я именно так и сделал. Но тут другая проблема - как использовать синтаксис php в pug-файлах?

[LesKA]

Zhuroff:

html
  head
    title "<?= $this->title ?>"
  body
    <?php
      // Since we're outputing Pug markup, we have to take care of
      //   preserving indentation.
      $indent=str_repeat('  ', 2);
      if ($this->foo) {
        echo $indent . 'bar= myPost';
      } else {
        echo $indent . 'baz= myNav';
      }
    ?>
    footer
      +footerContent

[Евгений Журов]

LesKA: Да, это было бы слишком очевидно)) Но боюсь, что не работает. Компилятор не понимает, что это за "<?php" и отказывается работать)

Answer 2

[Сергей Горячев]

pug это обычный jade, просто название другое, переименован из-за жалобы другого бренда.
Как следствие, ему доступны все те же фишки, что были у jade.
У меня сейчас стоит связка плагинов gulp-pug и gulp-jade-php (пока он работает).

Comments

[Евгений Журов]

Попробовал запустить gulp-jade-php, но компилятор ругается и не хочет ничего делать. Можно попросить вас запостить работающий таск в качестве примера? Может, что-то не так делаю. В моем случае в одном из файлов присутствует вставка содержимого другого файла методом extends. Файл, который вставляется, имеет расширение .pug, и компилятор ругается, что расширение - не .jade.

UPD. Получилось сделать посредством плагина rename, просто заменив расширение. Тут встает следующий вопрос - какие особенности синтаксиса при прописывании php в файлах pug? Пытался подсунуть классический вариант - с <?php, т.е. с тегами php - но не прокатывает)

Answer 3

[zooks]

Как можно компилировать файлы Pug в php?

Comments

[Евгений Журов]

Да, видел предложенное в этом вопросе решение, но оно не работает. Для себя проблему решил плагином gulp rename, меняя расширение файла при компиляции. Но остается проблема синтаксиса - как в pug прописать сам php-код, чтобы при компиляции не было ошибки?
Видел также ваши комментарии к самому вопросу. Возможно, действительно странное желание компилировать сразу в php. Но если так не делать, то как впоследствии вносить изменения в готовые файлы? Допустим, у меня получился готовый index.html, в который я затем отдельно впишу нужный мне php-код и пересохраню этот index с расширением .php. А если позже понадобится изменить html? Придется снова компилировать из pug, и снова вручную прописывать/копипастить php-код? Тогда выходит, что смысла в pug нет никакого, и что проще сразу писать html-разметку в php-файле. Уверен, что я, на самом деле, чего-то не понимаю во всей этой цепи. И буду благодарен, если разъясните)

[Никита Корнилов]

Евгений Журов, если не секрет, как в итоге решили эту проблему? Сейчас как раз столкнулся с тем же самым, разбираюсь как воткнуть PHP в Pug и заставить его работать)

[Евгений Журов]

Никита Корнилов, в целом, решается подключением отдельных кусков php посредством include с указанием расширения файла. Т.е. что-то типа такого

.header
  .header_content //Pug code
  include ./php/php_block.php //Include php  code

Т.е. подключаемые php-модули хранятся отдельно и по мере надобности подключаются в pug. И при сборке проекта расширение итогового файла нужно менять на .php

Возможно, для каких-то слишком сложных участков кода это решение не подойдет, хотя до сих пор у меня с этим не было проблем. Но я всю эту кухню использую, когда делаю что-то на wordpress. Если что-то кастомное делать, тут могут быть какие-нибудь проблемы.

[Никита Корнилов]

Евгений Журов, понял, действительно должно быть рабочим решением. Хотя по сути, это то же самое, что делают и в обычном HTML, только реализованное в Pug. Благодарю за подсказку)