Почему не работают extends и block, и переменные в pug?

Question

[Junior-web]

Добрый день,
есть два блока, их pug-файлы расположены в разных папках
-- src/phone/phone.pug

.phone.d-flex
    span.phone__icon
        i.fa.fa-phone(aria-hidden='true')
    .phone__container
        a(class=`phone__link#{phonelink}` href='tel:455') 455
       block communicate

-- src/communicate/communicate.pug

extends ../phone/phone.pug

block communicate
span.communicate.d-flex
    a.communicate__whatsapp(href='')
        img(src='images/social/whatsapp.svg' alt='whatsapp')
    a(href='communicate__telegram')
        img(src='images/social/telegram.svg' alt='telegram')
    a(href='communicate__viber')
        img(src='images/social/viber.svg' alt='viber')

Компиляция проходит, но блок communicate в файле phone не расширяется.
Тоже и с переменными - не работают.

Например, в первом файле прописываю:

block variables
         - var test = "Test";
     include "../communicate/communicate.pug"

то во втором файле не видно этой переменной. Такая запись #{test} так и отображается, а не содержимое, как должно быть. Или это не так работает?

PS: посоветуйте, стоит ли использовать pug, думала, что он удобен, можно разбивать код на блоки, а не смотреть на полотно кода, но чтобы разобраться нужно кучу времени. Может есть возможность аналогичной реализации обычного html?
Спасибо.