Мопс, разделив на разные включает - PullRequest
Новая
       20

Мопс, разделив на разные включает

0 голосов
/ 14 марта 2019

Интересно, возможно ли создать включение в Pug, где файл включения частично является чем-то вроде div?

Я импортирую файл с: include includes/footer

Так что в приведенном ниже примере я не хочу закрывать ul.boxes в родительском файле, но во включаемом файле.

Например, в основном файле, у меня есть следующая структура: 

ul.boxes
    li
    li
    li

и затем во включении я хочу продолжить структуру li только с помощью li: s, но я хочу закрыть родительские ul.boxes во включении.

Возможно ли это вообще с мопсом?

Спасибо

1 Ответ

1 голос
/ 14 марта 2019

Да, я только что проверил это, и он сгенерировал список, как и ожидалось: 

ul
  include ./include_a1
  include ./include_a2
  include ./include_a3

Каждый включаемый файл содержит одну строку: 

li Item A.1

Это был сгенерированный HTML: 

<ul><li>Item A.1</li><li>Item A.2</li><li>Item A.3</li></ul>

Вы также можете легко сделать это с mixin .

В отдельном файле ваш миксин может жить сам по себе: 

mixin listItem(value)
  li= value

Тогда ваш основной файл мопса будет выглядеть следующим образом: 

include file_with_mixin

ul
  +listItem('Item A.1')
  +listItem('Item A.2')
  +listItem('Item A.3')

Это даст тот же результат, что и метод прямого включения, описанный выше, но с преимуществом будет контролировать все форматирование в общем файле микса и управлять логикой представления.независимо от данных.

Это имеет значение, если вы хотите выделить все элементы li жирным шрифтом, вы должны сделать это только в файле mixin и не нужно редактировать три отдельных включаемых файла.

...